CSS 中的動畫效果

動畫是創造運動效果並改變外觀的過程。 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 中的動畫效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！