隨著W3.CSS動畫滑動可以在HTML元素褪色。
動畫是樂趣！
動畫是樂趣！
動畫是樂趣！
動畫是樂趣！
動畫是樂趣！
動畫是樂趣！
動畫是樂趣！
動畫是樂趣！
滑入元素
滑動在從頂部，底部，左側或與W3-animate- *類屏幕右側的元素：
| 類 | 定義 | |
|---|---|---|
| W3-動畫頂 | 從屏幕的頂部為0px動畫元素300像素 | 嘗試一下 |
| W3-動畫底 | 從屏幕底部為0px動畫元素300像素 | 嘗試一下 |
| W3-動畫左 | 從屏幕左側的動畫元素300像素為0px | 嘗試一下 |
| W3-動畫右 | 從屏幕為0px權以動畫展示元素300像素 | 嘗試一下 |
淡入元素
淡出與W3-動畫不透明度類的元素：
放大元素
放大的W3-動畫變焦類的元素：
旋轉元素
旋轉任何元素360度與W3自旋類：
衰落無限
所有淡出
例
<img class="w3-animate-top" src="img_01.jpg">
<img class="w3-animate-zoom" src="img_02.jpg">
<img
class="w3-animate-left" src="img_03.jpg">
<img class="w3-animate-bottom" src="img_04.jpg"> 試一試»