tapeta Moderního Webu

animation-delay

3D
2D

animation-delay

CSS3 vlastnot animation-delay umožní odložit spuštění animace.

Příklad:

    
@keyframes jmeno_animace {
  0%   {left: 0px;}
  50%  {left: 200px;}
  100% {left: 0px;}
}
div:hover {
  position: relative;
  animation-name: jmeno_animace;
  animation-duration: 2s;
  animation-delay: 1s;  
}

Jednoduchá vlastnost není co dodat.


moderniweb.com © 2017