Skeletonic Stylus

โมดูลแอนิเมชัน จัดจำหน่ายเป็นไฟล์เสริมแยกต่างหากเพื่อให้ สไตล์ชีตหลักมีขนาดต่ำกว่า 8 KB gzipped

<link
  rel="stylesheet"
  href="/css/skeletonic-animations.min.css">

ทุกคลาสแอนิเมชันถูกครอบด้วย @media (prefers-reduced-motion: no-preference) ใน v2.0.0 ซึ่งหมายความว่าผู้ใช้ที่ตั้งค่า "ลดการเคลื่อนไหว" ในระดับ OS จะไม่เห็น แอนิเมชันใด ๆ — เลย์เอาต์ยังคงทำงาน เพียงแค่การเคลื่อนไหวถูกระงับ

bounce Distracting
pulse Distracting
shake Distracting
wobble Distracting
flash Distracting
heartbeat Distracting
jelly Distracting
rubber Distracting
swing Distracting
tada Distracting
chameleonbackground Distracting
Aa chameleontext Distracting
fadeIn Fading
fadeInDown Fading
fadeInUp Fading
fadeInLeft Fading
fadeInRight Fading
fadeOut Fading
fadeOutDown Fading
fadeOutUp Fading
fadeOutLeft Fading
fadeOutRight Fading
flip Flipping
flipInHorizontal Flipping
flipInVertical Flipping
flipOutHorizontal Flipping
flipOutVertical Flipping
slideInDown Sliding
slideInUp Sliding
slideInLeft Sliding
slideInRight Sliding
slideOutDown Sliding
slideOutUp Sliding
slideOutLeft Sliding
slideOutRight Sliding
spinLeft Rotating
spinRight Rotating
zoomIn Zooming
zoomOut Zooming
rollIn Rolling
rollOut Rolling
popIn Pop
popOut Pop
vanishIn Vanishing
vanishOut Vanishing