Autor | Zpráva | ||
---|---|---|---|
Wolfik-SVK Profil |
#1 · Zasláno: 1. 4. 2014, 16:14:50
Mám menu na stránke urobené s transition. Všetko ide v poriadku, až na to, že tá animácia s transition sa urobí len na začiatku a keď kurzor dám preč, tak je to bez animácie... Proste ten efekt animácie transition na konci nefunguje :)!
Ďakujem za odpoveď... Ak nepomohol text, pozrite si stránku, ktorú som uviedol vyššie, ďakujem :). |
||
Tomáš123 Profil |
#2 · Zasláno: 1. 4. 2014, 16:52:44
Wolfik-SVK
Mám návrh, je to asi o niečo jednoduchšie ako to máš ty, ale funguje to: CSS: div a { padding: 5px; width: 50px; background:red; -webkit-transition: 2s; transition: 2s; } div a:hover { padding: 15px; } <div> <a href="#">Kontakt</a> <a href="#">Kontakt</a> <a href="#">Kontakt</a> <a href="#">Kontakt</a> </div> |
||
Joker Profil |
Wolfik-SVK:
Podle mě celý problém je, že transition je nastavené jen na a:hover, přičemž po odjetí myši už to není a:hover. Čili u něčeho, co bude platit pro ten odkaz vždy (nejen při najetí myší), se musí říct, že má transition. A pak u :hover jen definovat konkrétní efekt. |
||
Bubák Profil |
#4 · Zasláno: 1. 4. 2014, 17:22:51
Joker:
„Podle mě celý problém je, že transition je nastavené jen na a:hover, přičemž po odjetí myši už to není a:hover.“ V podstatě totéž, ale jinými slovy jsem chtěl napsat. Vím, jak to má být správně, ale z tvého vysvětlení je zřejmý i důvod takového chování. |
||
Tomáš123 Profil |
#5 · Zasláno: 1. 4. 2014, 17:27:41
Wolfik-SVK
Podľa toho čo hovoria Bubák a Joker by si pre správnu funkčnosť mal použiť onmouseover a onmouseout .
|
||
Wolfik-SVK Profil |
#6 · Zasláno: 1. 4. 2014, 17:30:18
Joker:
Áno ďakujem, už to je všetko v poriadku :). Snáď som to spravil správne, ale funguje to... |
||
Joker Profil |
Tomáš123:
„Podľa toho čo hovoria Bubák a Joker by si pre správnu funkčnosť mal použiť onmouseover a onmouseout .“
To jsme vůbec nepsali. Já jsem psal: Na něčem, co se použije na daný odkaz i mimo :hover, definovat, že existuje transition. A na :hover pak jen efekt. (Například když budu mít <a class="menuitem"> , tak transition napsat na a.menuitem a na a.menuitem:hover ten efekt.)
Doplnění: Právě tak to ostatně je i v [#2] |
||
Tomáš123 Profil |
#8 · Zasláno: 1. 4. 2014, 17:35:16
Joker:
„To jsme vůbec nepsali.“ Tak prepáč, nabudúce do svojej deb*liny nezapojím ostatných-ja som to len zle pochopil. |
||
Bubák Profil |
#9 · Zasláno: 1. 4. 2014, 18:08:59
Wolfik-SVK:
„Všetko ide v poriadku“ Při hoveru odkazu nemusí zbytek menu ujíždět, doporučuje se neměnit geometrii menu, třebas nějak takto, zvětšení paddingu je kompenzováno zmenšením marginu.: http://kod.djpw.cz/aocb http://kod.djpw.cz/aocb- |
||
Časová prodleva: 10 let
|
0