@keyframes Film_out{from{transform:scale3d (1,1,1) rotate (0); opacity:1;} To{transform:scale3d (0.7,0.7,0.7) rotate (90deg); opacity:0;}} div {animation:film_out 5s linear 2s infinite alternate forwards;-webkit-animation:film_out 5s linear 2s infinite alte Rnate forwards; In the order configured by the above collection: "Film_out": Animation name defined by @keyframes, (animation-name) "5s": Animation maintenance Time, (animation-duration) "linear": Specifies the speed curve of the animation. Default is "Ease", (animation-timing-function) "2s": Delay the start of the animation time, (Animation-delay) "Infinite": The number of plays, infinite represents an infinite loop , (animation-direction) "Alternate": whether the animation should be rotated in reverse, alternate indicates that it should be played back (animation-direction) "forwards": The animation plays stop after the last frame ; (Animation-fill-mode)
CSS3 Animation Animation
