CSS Animation Library
collection ของ CSS animation snippets แบบ copy-paste — entrance, exit, loading, micro-interaction พร้อม Astro demo page
อ่านเพิ่ม →#animation 7
รายการ Projects, Resources และ Notes ทั้งหมดที่มี tag นี้
Projects 1
Resources 4
CSS @property — Typed Custom Properties
CSS @property ทำให้ custom properties มี type, initial value, และ inheritance control — รองรับ animation ของ color, number, และ gradient
อ่านเพิ่ม →CSS Scroll-Driven Animations
Animate elements ตาม scroll position โดยใช้ animation-timeline: scroll() และ view() — ไม่ต้องการ JavaScript หรือ ScrollTrigger
อ่านเพิ่ม →GSAP Animation Guide — คู่มือ Animation ที่ทุก Frontend ควรรู้
GSAP คืออะไร ทำงานยังไง และวิธีใช้งานจริงในโปรเจกต์ — ตั้งแต่ gsap.to() พื้นฐานไปถึง ScrollTrigger และ Timeline
อ่านเพิ่ม →Intersection Observer API — Lazy Load, Scroll Animations, Infinite Scroll
ใช้ IntersectionObserver ตรวจว่า element เข้า/ออก viewport โดยไม่ต้องใช้ scroll event
อ่านเพิ่ม →