Linkeffekt halványuló átmenettel
2012. 03. 30. Kérésre: linkeffekt halványuló átmenettel. Kiteszem a kódot ide a főoldalra, de a
Linkeffekt halványuló átmenettel modulban is megtaláljátok. Ott kiemeltem a fontos részeket hozzá.
<style type="text/css">
a:link, a:visited {
color: #A83026; /* link színe */
font-family: Georgia, "Times New Roman", Times, serif; /* link betűje */
font-size: 12px; /* betű mérete */
text-decoration: none; /* aláhúzás ne legyen */
filter: alpha(opacity=60); /* link elhalványítása */
opacity: 1; /* link elhalványítása */
-webkit-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Chrome, Opera) */
-moz-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Mozilla Firefox) */
-o-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Internet Explorer) */
}
a:hover {
color: #0E7C9C; /* link színe */
font-size: 12px; /* betű mérete */
text-decoration: none; /* aláhúzás ne legyen */
font-family: Georgia, "Times New Roman", Times, serif; /* link betűje */
cursor: default;
filter: alpha(opacity=90); /* link elhalványítása */
opacity: .5; /* link elhalványítása */
-webkit-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Chrome, Opera) */
-moz-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Mozilla Firefox) */
-o-transition: opacity .5s ease-in; /* Mennyi ideig tartson az átmenet. (Internet Explorer) */
}
-->
</style>
AJÁNLOM AZ OLDALT
Súgó