Skeletonic Stylus

動畫模組以獨立的可選檔案形式發佈，以確保核心樣式表保持在 8 KB gzip 以下。

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

在 v2.0.0 中，每個動畫類別都包裹在 @media (prefers-reduced-motion: no-preference) 區塊中，這意味著在作業系統層級設定了「減少動態效果」的使用者將看不到任何動畫——版面依然正常運作，只是動效被抑制。

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