Autor Zpráva
Ghosting
Profil
Zdravím,
chtěl bych se zeptat, zdali někdo neví o nějakém dobrém příkladu plynulého přechodu a:hover.
Chci docílit plynulé změny barvy pozadí po najetí na odkaz.

PS: Za tu dobu, co jsem tu nebyl, je diskuze fešně vymazlená :-). Je to pěkný.
habendorf
Profil
http://www.google.cz/#hl=cs&safe=off&q=gradual+background-color+change+js
mi vyhodilo
http://www.netlobo.com/javascript_background_fade.html

Jinak neměl by to být problém napsat to sám - je to jen časování a změna style.backgroundColor.
Bubák
Profil
V několika málo prohlížečích funguje tohle:
<style>
a {
  background-color: lime;
  -webkit-transition: background-color 1s linear;
  -o-transition: background-color 1s linear;
}
a:hover {
  background-color: yellow;
}
</style>
<a href="#">Pokusný odkaz</a>
Ghosting
Profil
Díky moc za odpověďi klucí.

habendorf:
Něco jsem zkoušel hledat, ten link jsem dokoncel měl otevřený, bohužel je tam uveden div.

Bubák:
Bohužel, nejde. Přechod není plynulý.
Enyeus
Profil
Ghosting:
Jde, zkus třeba Chrome.
habendorf
Profil
Ghosting:
bohužel je tam uveden div

Tak to už by neměl být problém přepsat to.
habendorf
Profil
Nemám čas to teď zkoumat, ale v

<a href="javascript:NLBfadeBg('div1','#FF0000','#FFFFFF','10000');">Fade DIV</a>


zkus div1 přepsat na this (pozor, bez apostrofů). Pokud nezabere, přepiš div1 idéčkem toho odkazu (teď už i s apostrofy).

Nevím jak to dopadne, ale zkus to.
habendorf
Profil
Jo aha, ty to chceš na :hover, tohle bude (možná) fungovat na kliknutí. No, budeš si s tím muset pohrát víc.
Ghosting
Profil
habendorf:
Hraju si s tím a nic. :(
Na div to jde, ale na a:hover ani boha.

Někde jsem to viděl na nějakém blogu, ale už je to dávno.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: