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 ธาดา

ให้การย้ายองค์ประกอบจากด้านหนึ่งไปอีกด้านหนึ่ง