CSS3切換動畫效果

CSS3賦予了網頁設計者一些強大的動畫效果。使用CSS3切換動畫效果，您可以單擊某些元素，然后切換到新的界面。以下是一些常見的CSS3切換動畫效果:

/* 淡入淡出 */
#myDiv{
transition: opacity 1s ease-in-out;
}
/* 放大 */
#myDiv{
transition: transform 1s ease-in-out;
}
/* 滑動 */
#myDiv{
transition: transform 1s ease-in-out;
}
/* 旋轉 */
#myDiv{
transition: transform 1s ease-in-out;
}
/* 垂直切換 */
#myDiv{
transition: transform 1s ease-in-out;
}
/* 水平切換 */
#myDiv{
transition: transform 1s ease-in-out;
}

使用這些效果并不難。只需向具有相應ID的HTML元素添加CSS樣式，然后指定transition屬性即可。在transition屬性中，您可以指定變換的屬性（如opacity，transform），持續時間以及緩動函數。這使您可以創建一個平滑的動畫效果，這將在某個時間段內逐漸應用到元素。