Képeffektek : Linkelt kép felugrik, ha ráviszed az egeret |
Linkelt kép felugrik, ha ráviszed az egeret
CSS kód
<style type="text/css">
a:link img, a:visited img {
background-color: #f1ebd7;
padding: 6px;
border: 0px;
filter: alpha(opacity=100); /* Kép elhalványítása */
opacity: 10; /* Kép elhalványítása */
}
a:hover img {
cursor: default;
background-color: #EAF4F7;
padding: 6px;
border: 0px;
filter: alpha(opacity=80); /* Kép elhalványítása */
opacity: .8;
position: relative;
top: -8px;
}
--> </style>
Az a:hover img-nél ez a két sor szükséges ahhoz, hogy a képed felfelé mozduljon: position: relative; top: -8px;
De ugyan így tud lefelé, balra vagy jobbra is mozdulni, csak a top helyett a left, right vagy bottom kódot kell beírni és a szám értékén változtatni, ahogy neked megfelelő.
|