ที่มีภาพเคลื่อนไหว W3.CSS คุณสามารถเลื่อนและจางหายไปในองค์ประกอบ HTML
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
นิเมชั่นเป็นเรื่องสนุก!
ภาพนิ่งในองค์ประกอบ
ภาพนิ่งในองค์ประกอบจากด้านบนด้านล่างด้านซ้ายหรือด้านขวาของหน้าจอที่มีชั้นเรียน * W3-animate- นี้:
| ชั้น | กำหนด | |
|---|---|---|
| W3-เคลื่อนไหวบน | เคลื่อนไหวองค์ประกอบ 300px จากด้านบนของหน้าจอเพื่อ 0px | ลองมัน |
| W3-เคลื่อนไหวด้านล่าง | เคลื่อนไหวองค์ประกอบ 300px จากด้านล่างของหน้าจอเพื่อ 0px | ลองมัน |
| W3-เคลื่อนไหวซ้าย | เคลื่อนไหวองค์ประกอบ 300px จากด้านซ้ายของหน้าจอเพื่อ 0px | ลองมัน |
| W3-เคลื่อนไหวขวา | เคลื่อนไหวองค์ประกอบ 300px จากทางด้านขวาของหน้าจอเพื่อ 0px | ลองมัน |
จางหายไปในองค์ประกอบ
จางหายไปในองค์ประกอบที่มีระดับ W3-เคลื่อนไหว-ทึบไปนี้:
ซูมเข้าองค์ประกอบ
ซูมเข้าองค์ประกอบกับชั้น W3-เคลื่อนไหวซูมไปนี้:
องค์ประกอบปั่น
Spin องค์ประกอบใด ๆ ได้ 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"> ลองตัวเอง»