Code: Select all
← RIP best userbar<!DOCTYPE html><html><head><style>.bw { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-filter: grayscale(50%); }.bw:hover { -webkit-filter: grayscale(0%); }</style></head><body> <div class="bw pic"> <img src="http://lorempixel.com/300/300/nature/2" alt="sea"></div> </body></html>Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <style type="text/css"> #container {display: table; width: 100%; height: 100%;} #position {display: table-cell; vertical-align: middle;} #content {} #box {text-align: center; border: none; padding: 15px; margin: 0 auto;} a img {border: none;} </style> <!--[if IE]> <style type="text/css"> #container {position: relative;} #position {position: absolute; top: 50%;} #content {position: relative; width: 100%; top: -50%;} #box {position: relative; left: 50%; margin-left: -300px; border: none;} </style> <![endif]--> </head> <body> <div id="container"> <div id="position"> <div id="content"> <div id="box"> Centras. </div> </div> </div> </div> </body></html>hleV wrote:Panašų metodą grayscale naudojau, tai ant IE neveikė. Dėl centravimo, tai šitokį radau:
Ir man tas tavo kodas nei centruoja nei užtamsina/atitamsina. Šiaip ar taip, nebereikia man.Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <style type="text/css"> #container {display: table; width: 100%; height: 100%;} #position {display: table-cell; vertical-align: middle;} #content {} #box {text-align: center; border: none; padding: 15px; margin: 0 auto;} a img {border: none;} </style> <!--[if IE]> <style type="text/css"> #container {position: relative;} #position {position: absolute; top: 50%;} #content {position: relative; width: 100%; top: -50%;} #box {position: relative; left: 50%; margin-left: -300px; border: none;} </style> <![endif]--> </head> <body> <div id="container"> <div id="position"> <div id="content"> <div id="box"> Centras. </div> </div> </div> </div> </body></html>
pele ne ant img o ant centro uzvesk.hleV wrote:Man su jokia naršykle (Firefox included) neužtamsina. Žiūrėjau net ir tavo pateiktam Source puslapy tuos hover efektus, tai dauguma veikia, bet ne užtamsinimas. Mindfuck'd.
keista, man viskas veikia, win xp x86, win 8 x64 iskyrus IE, asmeniskai javascript'as nepatinka man, labai apkrauna vartotojo cpu, ypac su firefox ar aplamai jei narsykle nepalaiko hardware acceleration, css naudok, paprasciausias budashleV wrote:Nevyksta nieko. Win7 64 bit.
Users browsing this forum: No registered users and 0 guests