ตัวอย่างการสาธิตการจัดวางอวตารของตัวละครโดยใช้แอนิเมชั่น HTML5 และ CSS3

บทความนี้ส่วนใหญ่แนะนำตัวอย่างการสาธิตการจัดเรียงตัวละคร Avatars โดยใช้แอนิเมชั่น HTML5 และ CSS3 ที่จุดเริ่มต้นของหน้าตัวอย่างนี้มีเพียงภาพความงามที่อยู่ตรงกลางจากนั้นภาพรอยยิ้มจะปรากฏขึ้นตามด้วยภาพตัวละครขนาดเล็กซึ่งค่อยๆจัดมันไว้ในรูปแบบของภาพเคลื่อนไหวเพื่อสร้างวงกลมบนหน้า เอฟเฟกต์ดีมากและรหัสเสร็จสมบูรณ์ เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้

วันนี้ฉันจะแบ่งปันการสาธิต Avatars ตัวละครกับแอนิเมชั่น HTML5 และ CSS3 กับคุณ ที่จุดเริ่มต้นของหน้าตัวอย่างนี้มีเพียงภาพความงามที่อยู่ตรงกลางจากนั้นภาพรอยยิ้มจะปรากฏขึ้นตามด้วยภาพตัวละครขนาดเล็กซึ่งค่อยๆจัดเรียงในรูปแบบของภาพเคลื่อนไหวเพื่อสร้างวงกลมบนหน้า การเรนเดอร์มีดังนี้:

รหัสที่ใช้งาน