css3動畫animation

標籤：name   webkit   mat   ati   rom   scale   alter   ase   min   

@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 alternate forwards; 按上面集合配置的順序：“film_out”: 通過@keyframes定義的動畫名；（animation-name）“5s”: 動畫維持時間；（animation-duration）“linear”: 規定動畫的速度曲線。預設是 "ease"；（animation-timing-function）“2s”: 延遲動畫開始的時間；（animation-delay）“infinite”: 播放的次數，infinite表示無限迴圈；（animation-direction）“alternate”: 是否應該輪流反向播放動畫，alternate表示應該反向播放（animation-direction）“forwards”: 動畫播放停止後停在最後一幀；（animation-fill-mode）

css3動畫animation