CSSアニメーションの遅延をコントロールする為のシンプルなフレームワーク・「Shift.css」

Ads

Shift.css

Shift.cssはCSSアニメーションの遅延で要素をコントロールするフレームワークです。上記サンプルのように要素にかかるアニメーションを遅延させてコンテンツの構築をサポートしよう、というもの。CSSとほんの少しのJavaScriptを読み込んで利用します。要素のアニメーション管理はカスタムデータ属性で行います。確かにちょっとしたものなら作るの楽そうですね。

Shift.css