CSS - ภาพเคลื่อนไหว

ภาพเคลื่อนไหว

Animation เป็นกระบวนการสร้างเอฟเฟกต์การเคลื่อนไหวและเปลี่ยนลักษณะที่ปรากฏ CSS รองรับเอฟเฟกต์ภาพเคลื่อนไหวที่แตกต่างกันเพื่อเปลี่ยนการเคลื่อนไหวของเหตุการณ์

ตารางต่อไปนี้แสดงเอฟเฟกต์ทั้งหมดที่คุณสามารถใช้ใน CSS -

ซีเนียร์	วิธีการและคำอธิบาย
1	ตีกลับ เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
2	เด้งเข้า เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
3	เด้งลง เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วถอยหลังหรือออกจากพื้นผิวหลังจากกดปุ่ม ..
4	เด้งเข้าซ้าย เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
5	เด้งเข้าทางขวา เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
6	เด้งออกมา เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
7	เด้งออกมา เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
8	เด้งขึ้น เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วขึ้นถอยหลังหรือออกจากพื้นผิวหลังจากกดปุ่ม
9	เด้งออกทางซ้าย เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
10	เด้งออกขวา เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วขึ้นถอยหลังหรือออกจากพื้นผิวหลังจากกดปุ่ม
11	เด้งออกมา เอฟเฟกต์ Bounce Animation ใช้เพื่อย้ายองค์ประกอบอย่างรวดเร็วกลับหรือออกจากพื้นผิวหลังจากกด
12	จางลงใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
13	จางหายไป ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
14	จางลง ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
15	จางไปทางซ้าย ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
16	จางไปทางซ้ายใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
17	จางไปทางขวา ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
18	จางไปทางขวาใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
19	จางหายไป ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
20	จางหายไปใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
21	จางหายไป ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
22	จางหายไป ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
23	จางหายไปทางซ้าย ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
24	จางหายไปทางซ้ายใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
25	เลือนหายไปทางขวา ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
26	จางหายไปทางขวาใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
27	จางหายไป ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
28	จางหายไปใหญ่ ภาพมาหรือทำให้ค่อยๆเข้าหรือออกจากมุมมองหรือรวมเป็นช็อตอื่น
29	แฟลช แสงที่สว่างจ้าขององค์ประกอบในช่วงเวลาสั้น ๆ
30	พลิก องค์ประกอบสามารถพลิกหรือทำให้พลิกได้ด้วยการเคลื่อนไหวอย่างรวดเร็วอย่างกะทันหัน
31	พลิกใน X องค์ประกอบสามารถพลิกหรือทำให้พลิกได้ด้วยการเคลื่อนไหวอย่างรวดเร็วอย่างกะทันหัน
32	พลิกใน Y องค์ประกอบสามารถพลิกหรือทำให้พลิกได้ด้วยการเคลื่อนไหวอย่างรวดเร็วอย่างกะทันหัน
33	พลิกออก X องค์ประกอบสามารถพลิกหรือทำให้พลิกได้ด้วยการเคลื่อนไหวอย่างรวดเร็วอย่างกะทันหัน
34	พลิกออก Y องค์ประกอบสามารถพลิกหรือทำให้พลิกได้ด้วยการเคลื่อนไหวอย่างรวดเร็วอย่างกะทันหัน
35	บานพับ องค์ประกอบสามารถพลิกหรือทำให้พลิกได้ด้วยการเคลื่อนไหวอย่างรวดเร็วอย่างกะทันหัน
36	ความเร็วแสงใน มันจะให้แสงหรือแสงที่มีความเร็วต่อองค์ประกอบ
37	ความเร็วแสงออก มันจะให้แสงหรือแสงที่มีความเร็วต่อองค์ประกอบ
38	ชีพจร ให้การสั่นสะเทือนเพียงครั้งเดียวหรือสั้น ๆ กับองค์ประกอบ
39	ม้วนเข้า องค์ประกอบสามารถเคลื่อนที่ไปในทิศทางใดทิศทางหนึ่งได้โดยการพลิกไปมาบนแกน
40	แผ่ออก องค์ประกอบสามารถเคลื่อนที่ไปในทิศทางใดทิศทางหนึ่งได้โดยการพลิกไปมาบนแกน
41	หมุนลงซ้าย องค์ประกอบสามารถเคลื่อนที่ไปในทิศทางใดทิศทางหนึ่งได้โดยการพลิกไปมาบนแกน
42	หมุนเข้า องค์ประกอบสามารถเคลื่อนที่ไปในทิศทางใดทิศทางหนึ่งได้โดยการพลิกไปมาบนแกน
43	หมุนลงขวา องค์ประกอบสามารถเคลื่อนที่ไปในทิศทางใดทิศทางหนึ่งได้โดยการพลิกไปมาบนแกน
44	โยกเยก ให้การเคลื่อนย้ายองค์ประกอบหรือทำให้เกิดการเคลื่อนไหวอย่างไม่มั่นคงจากด้านหนึ่งไปอีกด้านหนึ่ง
45	หมุนขึ้นไปทางซ้าย ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
46	หมุนขึ้นไปทางขวา ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
47	วิงเกิล ให้การเคลื่อนไหวหรือทำให้เกิดการเลื่อนขึ้นลงหรือจากด้านหนึ่งไปอีกด้านหนึ่งด้วยการเคลื่อนไหวอย่างรวดเร็ว
48	หมุนออก ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
49	หมุนออกไปทางซ้าย ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
50	หมุนออกไปทางขวา ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
51	หมุนออกไปทางซ้าย ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
52	หมุนออกไปทางขวา ให้ย้ายหรือทำให้เคลื่อนที่เป็นวงกลมรอบแกนหรือศูนย์กลาง
53	เขย่า ให้การย้าย (วัตถุ) ขึ้นและลงหรือจากด้านหนึ่งไปอีกด้านหนึ่งสำหรับองค์ประกอบ
54	แกว่ง ให้การย้ายหรือทำให้เกิดการเคลื่อนที่ไปมาหรือจากด้านหนึ่งไปอีกด้านหนึ่งในขณะที่หยุดนิ่งหรือบนแกนไปยังองค์ประกอบ
55	ธาดา ให้การย้ายองค์ประกอบจากด้านหนึ่งไปอีกด้านหนึ่ง