|
Linkelt kép fokozatosan élesedik
<style type="text/css">
a:link img, a:visited img {
border: 0px solid #e95a82; /* képnek keret */
background-color: transparent;
padding: 0px;
filter: alpha(opacity=90); /* Kép elhalványítása */
opacity: .5; /* Kép elhalványítása */
-webkit-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Chrome, Opera...-ban) */
-moz-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Mozilla Firefoxban) */
-o-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Internet Explorerben) */
-moz-border-radius: 1em; /* Mennyire legyen kerekített kerete a képnek Firefoxban */
-webkit-border-radius: 1em; /* Mennyire legyen kerekített kerete a képnek Chromeban, Operában */}
a:hover img {
border: 0px solid #e95a82; /* képnek keret */
background-color: transparent;
padding: 0px;
filter: alpha(opacity=60); /* Kép elhalványítása */
opacity: 1; /* Kép elhalványítása */
cursor: crosshair; /* ha ráviszed az egeret a képre a kurzor egy plusz jel lesz */
-moz-border-radius: 1em; /* Mennyire legyen kerekített kerete a képnek Firefoxban */
-webkit-border-radius: 1em; /* Mennyire legyen kerekített kerete a képnek Chromeban, Operában */}
--></style>
| 
AJÁNLOM AZ OLDALT
Súgó
Frissítés