pomoc CSS Animace

[Hip 191]

Zdravím, 
 

mám menší problém, se kterým si nevím už rady. Jedná se o menu kde po najetí se změní barva s trváním 0.6 sekundy. To vše mi funguje, ale už delší dobu nemohu docílit toho, aby se ta animace provedla po té, co z tlačítka myší odejdu. 

 

css vypadá následovně:

.top_menu_item:hover {
                transition-timing-function: ease-out, ease-out;
                -webkit-transition-duration: 0.6s;
                background-color: gold;
} 

[Fakerko_ 190]

To bude asi tím, že máš nastavenou animaci pouze pro dobu, kdy na tlačítko najedeš.

Ten transition musíš dát pro třídu .top_menu_item{} <--- Vše co je v této třídě, se automaticky aplikuje i na :hover.

 

Takto to máš lepší:

-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;

Edited 8. Říjen, 2015 by Petr Hnátek

[Hip 191]

jo takhlé ... díky