Ezt az áttűnés parancsot a cssben bárhova beteheted, ami kapcsolatos azzal, hogy ráviszed az egeret. Lehet az link, linkelt kép, sima kép, bármi. :)
Ezt a kódot a css kódod azon részébe illeszd meg, amit formázni akarsz vele. Lehet az a a:link vagy az a:link img, a lényeg, hogy mindig a (azaz active) részbe illeszd be, ne a hoverbe.
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
Ahhoz, hogy működjön ezen a részen olyan parancsnak kell lennie, ami mindkét részben (az a-ban és a hoverben) megtalálható és különbözik. Szóval mondjuk az egyik részben az opacity 0.5ös, a másikban meg 1.0-as. De nem feltétlenül csak az opacityt lehet odaírni, lehet az a background, border, vagy bármi más cssben használható formázás.
Ez a rész a sebességét adja a dolognak. Azt hiszem .5 a maximum, de az már meglehetősen gyors, szóval szerintem a .3mas a tökéletes.
delia, 2012. 07. 30.
|
AJÁNLOM AZ OLDALT
