[JavaScript][CSS] Wykonywanie animacji css w kółko za pomocą JS Opcje

[troian]

Witam, mam napisaną animację w css która sprawia że zdjęcie [div] powiększa się oraz zmniejsza, oto mam pytanko czy jest możliwość aby w JS wywoływać co np 30 sek tą animację? Tak aby się powtarzała.

Pierwsze wywołanie animacji

Kod

div.logo, div.tekst{opacity:0;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode: forwards;}

Kod Animacji

Kod

@-moz-keyframes fullexpand {0%{width:0px;}100%{width:100vh;}}
@-webkit-keyframes fullexpand {0% {width:0px;}100%{width: 100vh;};}
@-webkit-keyframes bounceIn{0%{opacity: 0;-webkit-transform: scale(0.3) translate3d(0,0,0);transform: scale(0.3) translate3d(0,0,0);}50%{opacity: 0.9;-webkit-transform: scale(1.3);transform: scale(1.3);}80%{opacity: 1;-webkit-transform: scale(0.89);transform: scale(0.89);}100%{opacity: 1;-webkit-transform: scale(1) translate3d(0,0,0);transform: scale(1) translate3d(0,0,0);}}
@keyframes bounceIn{0%{opacity: 0;-webkit-transform: scale(0.3) translate3d(0,0,0);transform: scale(0.3) translate3d(0,0,0);}50%{opacity: 0.9;-webkit-transform: scale(1.3);transform: scale(1.3);}80%{opacity: 1;-webkit-transform: scale(0.89);transform: scale(0.89);}100%{opacity: 1;-webkit-transform: scale(1) translate3d(0,0,0);transform: scale(1) translate3d(0,0,0);}}

Ten post edytował troian 18.02.2015, 23:00:03