Java
Efekt alpha w css

Temat wielokrotnie poruszany ale tym razem nie użyjemy do uzyskania tego efektu skryptów lecz style css.
W sekcji head strony lub zewnętrznym pliku css wpisz:

.alfa img {
border: 1px solid #000000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.alfa:hover img {
border: 1px solid #000000;
filter: alpha(opacity=100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100;
}


Teraz aby uzyskać efekt alpha po najechaniu kursorem myszy na obrazek będący jednocześnie linkiem należy do linka dopisać odp. klasę czyli:
<a href="strona.html" class="alfa"><img src="obrazek.jpg" width="100" height="100" alt="opis" border="0"></a>

Tak wygląda efekt końcowy:



Autor: sposób zaczerpnięty z forum www.webhelp.pl

drukuj