動畫是創建運動效果并改變外觀的過程。CSS確實支持不同的動畫效果來改變事件運動。
在Animation下,有一個概念Keyframes是用過的。關鍵幀將控制 CSS3 中的中間動畫步驟。
下面的示例使用關鍵幀語法顯示動畫的高度、寬度、顏色、名稱和持續時間 –
語法
@keyframes animation {
from {background-color: pink;}
to {background-color: green;}
}
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: animation;
animation-duration: 5s;
}
登錄后復制
以上就是CSS 中的動畫效果的詳細內容,更多請關注www.92cms.cn其它相關文章!






