[CSS] [proprietà] animation-fill-mode

Ago 22, 2017 0 Comment By Juri Rudi

animation-fill-mode (proprietà CSS) stabilisce lo stile dell’Elemento quando l’animazione non è riprodotta, cioè quando è terminata o deve ancora partire per via dell’eventuale delay.

Sintassi

animation-fill-mode: none|forwards|backwards|both|initial|inherit;
valore descrizione
XXX XXX

Esempi

<style> 
div#animazione_test {
    width: 150px;
    height: 150px;
    background: yellow;
    position: relative;
    animation: animazione_test 3s 2;
    animation-fill-mode: forwards;
}
@keyframes animazione_test {
    from {left: 0px;}
    to {left: 80%;}
}
</style>
<div id="animazione_test"></div>

Contenuti correlati

  • CSS
  • HTML
  • JavaScript
  • jQuery
  • PHP
  • SQL
  • WORDPRESS

Fonti esterne

css, proprietà css

Related Articles

0 Comment