Képeffektek : Linkelt kép fekete-fehér lesz, ha ráviszed az egeret |
Linkelt kép fekete-fehér lesz, 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;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
--></style>
A kijelölt kódrész mind kell ahhoz, hogy a képed fekete/fehér legyen, ha ráviszed az egeret!
|