Skip to main content
1 de 4

Minha animação no CSS acontece mas volta onde começou e não repete

#logo-h { animation-duration: 3s; animation-name: slidein; z-index: 5; text-align: center; } .slidein { -moz-animation-duration: 3s; -webkit-animation-duration: 3s; animation-duration: 3s; -moz-animation-name: slidein; -webkit-animation-name: slidein; animation-name: slidein; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-direction: alternate; -webkit-animation-direction: alternate; animation-direction: alternate; }

@-moz-keyframes slidein { from { margin-top:0%; width:100% }

to { margin-top:300px; width:100%; } }

@-webkit-keyframes slidein { from { margin-top:0%; width:100% }

to { margin-top:300px; width:100%; } } @-ms-keyframes slidein { from { margin-top:0%; width:100% }

to { margin-top:300px; width:100%; } } @-o-keyframes slidein { from { margin-top:0%; width:100% }

to { margin-top:300px; width:100%; } }

@keyframes slidein { from { margin-top:0%; width:100% }

to { margin-top:300px; width:100%; } }