1. การจำลองเอฟเฟกต์ภาพเคลื่อนไหวจริงที่ใช้งานโดย HTML5+CSS3
วันนี้ฉันต้องการแบ่งปันแอนิเมชั่นการใช้งานสดแบบจำลองที่ยอดเยี่ยมซึ่งส่วนใหญ่ทำได้โดยใช้เทคโนโลยี HTML5/CSS3 รวมกับการสลับภาพหลายภาพ ความเป็นจริงของแอนิเมชั่น HTML5 นี้คือตัวละครนั้นเป็นจังหวะมากเมื่อวิ่งและการฉายภาพของตัวละคร ที่สำคัญกว่านั้นเมื่อตัวละครเข้ามาใกล้ขึ้นเรื่อย ๆ ขนาดของตัวละครก็จะยิ่งใหญ่ขึ้น มันเหมือนกับเด็กชายตัวเล็ก ๆ ที่วิ่งจากระยะไกล
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
2. เอฟเฟกต์ปลั๊กอินโฟกัสสี่ภาพที่ใช้โดย jQuery ที่รองรับการสลับภาพที่กำหนดเองที่แตกต่างกัน
ซอร์สโค้ดเอฟเฟกต์เอฟเฟกต์แบบพิเศษสี่รายการโฟกัส L_SLIDE.JS นำมาใช้โดย jQuery ที่รองรับการสลับภาพที่กำหนดเองที่แตกต่างกันคือ l_slide.js มันเป็นรหัสเอฟเฟกต์พิเศษภาพแอนิเมชั่นโฟกัสที่สามารถตระหนักถึงการสลับภาพที่กำหนดเอง รหัสนี้มีเอฟเฟกต์การสลับภาพโฟกัสสี่ตัว
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
3. เอฟเฟกต์ภาพเคลื่อนไหว Super Cool Drawing Effects ใน HTML5
วันนี้เราจะแบ่งปันแอนิเมชั่นแปรง HTML5 ที่ยอดเยี่ยมสุด ๆ เราสามารถเลือกรูปร่างแปรงที่แตกต่างกันและมี 5 รูปร่างที่แตกต่างกันสำหรับทุกคนให้เลือก เมื่อแปรงเคลื่อนที่บนผืนผ้าใบมันจะเล่นเอฟเฟกต์แอนิเมชั่นที่งดงามมาก และสีของแอนิเมชั่นก็จะเปลี่ยนไปตามกาลเวลา
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
4. ม้าหมุนอิมเมจโฟกัสดั้งเดิมที่มีแอนิเมชั่นปุ่มซ้ายและขวานำมาใช้โดย JS
ม้าหมุนอิมเมจโฟกัสดั้งเดิมที่ใช้งานโดย JS มีซอร์สโค้ดของเอฟเฟกต์ภาพเคลื่อนไหวปุ่มซ้ายและขวา มันเป็นรหัสม้าหมุนโฟกัสที่เหมาะสำหรับใช้ในหน้าเว็บใด ๆ รหัสประกอบด้วย JS ดั้งเดิม ไม่เพียง แต่มีปุ่มคลิกซ้ายและขวา แต่ยังสามารถคลิกจุดที่ด้านล่างของรูปภาพเพื่อเลือกเพื่อดูภาพ
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
5.JQUERY ใช้งานรายการอัลบั้มสไลด์ผ่าน Flop เพื่อแสดงภาพเคลื่อนไหวข้อความ
ซอร์สโค้ดของเอฟเฟกต์พิเศษของรายการอัลบั้มที่นำมาใช้โดย jQuery Slides ผ่าน FLOP เพื่อแสดงภาพเคลื่อนไหวข้อความ มันเป็นรหัสเอฟเฟกต์พิเศษที่สามารถรับรู้ข้อความของภาพฟลอพเมื่อเมาส์เลื่อนผ่านภาพที่โฉบ
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
6.DIV+CSS ใช้คำอธิบายแบบไดนามิกของข้อความป๊อปอัพเมาส์ด้านล่าง
รายการอัลบั้มการใช้งาน Div+CSS Mouse จะปรากฏขึ้นข้อความคำอธิบายด้านล่างเพื่อระบุซอร์สโค้ดเอฟเฟกต์พิเศษแบบไดนามิก มันเป็นส่วนหนึ่งของรหัสที่ต้องอาศัย Div+CSS บริสุทธิ์ รหัสนี้ใช้รหัส เมื่อเมาส์เลื่อนรูปภาพรูปภาพจะลดลงและคำอธิบายข้อความที่เกี่ยวข้องจะถูกผุดขึ้นมาด้านล่างภาพ
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
7. หน้าจอเต็มหน้าจอของคอลัมน์ jQuery พร้อมรูปขนาดย่อและแผนภาพการสลับลูกศรซ้ายและขวา
ซอร์สโค้ดของอิมเมจโฟกัสด้วยรูปขนาดย่อและการสลับลูกศรซ้ายและขวาที่ใช้โดย jQuery เป็นรหัสภาพโฟกัสที่สามารถรับรู้ภาพขนาดย่อแนวนอนและฟังก์ชั่นการสลับลูกศรซ้ายและขวาของหน้าจอเต็มหน้าจอ เพื่อนที่ต้องการรหัสนี้สามารถดาวน์โหลดและใช้งานได้
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
8. ใช้ผ้าใบเพื่อวาดนาฬิกาสุดเจ๋งสุด ๆ
ผ้าใบ HTML5 เทียบเท่ากับกระดานภาพวาด คุณสามารถวาดอะไรก็ได้ในผืนผ้าใบ วันนี้ฉันต้องการแบ่งปันวิธีการและรหัสสำหรับนาฬิกาสุดเจ๋งสุด ๆ โดยใช้ HTML5 Canvas สวยมาก ฉันแนะนำให้คุณที่นี่
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
9. เอฟเฟกต์เมนูการโกหกด้าน 3 มิติที่ใช้โดย CSS3
วันนี้เราจะแบ่งปันเอฟเฟกต์พิเศษเมนู 3 มิติที่ใช้โดย CSS3 คุณลักษณะของเมนู 3 มิตินี้คือมันอยู่ที่ด้านหน้าและยังมีภาพเคลื่อนไหวที่สวยงามเมื่อขยายเมนูย่อยและเมนูย่อยยังนำเสนอเอฟเฟกต์ 3 มิติ คุณสามารถดาวน์โหลดซอร์สโค้ดของเมนูนี้เพื่อเรียนรู้และศึกษา
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด
10.Animate.css มีไลบรารีแอนิเมชัน CSS3 ที่มีเอฟเฟกต์ข้อความหลายรายการ
Animate.css มีรหัสแหล่งที่มาของเอฟเฟกต์ข้อความที่หลากหลายสำหรับเอฟเฟกต์ไลบรารีแอนิเมชั่น CSS3 มันเป็นรหัสไลบรารีแอนิเมชั่น CSS3 ที่มีเอฟเฟกต์ข้อความหลายสิบรายการ ที่นี่เราสามารถเลือกเอฟเฟกต์ภาพเคลื่อนไหวเพื่อโหลดสำหรับข้อความ
การสาธิตออนไลน์
ดาวน์โหลดซอร์สโค้ด