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