2020年12月31日(木)

classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」

• 0
• 17
• 6
• 12

AnimXYZ

See the Pen MWjQjJM by kachibito
(@kachibito) on CodePen.

AnimXYZはclassを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシートです。

従来のアニメーション用CSSフレームワーク等のようにclassを付与する事でエフェクトを与えるのではなく、組み合わせてエフェクトを自身で作れる、というもの。

エフェクトはCSS変数で管理されているので、組み合わせだけでなく再定義する事でより幅広いエフェクトに対応できるようになっています。

Vue、Reactもサポート。エフェクトを多用するコンテンツにあると設計が捗りそうですね。ライセンスはMITです。ドキュメントも充実しているのでチェックしてみてくださいね。

AnimXYZ

※本年の更新は本日までになります。来年度は4日か5日あたりから再開します。
今年はコロナで大変でしたね。東京は特に絶賛継続中ですが・・ｗ
　
皆様もご自愛ください。来年も元気でいられます様に。良いお年をお迎えください。