2018年07月22日(日)
シンプルで使いやすいCSSアニメーションライブラリ・「Hexa」
Hexa
Hexaはシンプルで使いやすいCSSによるアニメーションライブラリです。要素に指定のclassを付与するだけでアニメーションを与える事が出来ます。classはhexaを基本に、jumpやrotateなど、分かりやすいキーワードで指定できるようになっているので学習コストもさほどかからず利用可能です。また、デモのように2回連続で動かしたい場合はx2、3回ならx3といったclassの付与だけで実装できます。エフェクトはユニークなものからベーシックなものまでそこそこの種類が揃えられてます。ライセンスはMIT。Hexa
関連する記事はありませんでした
0
2
6
45author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
関連記事
HTMLとCSSで勉強すべきことがしっかりまとめられている、アクセシビリティやパフォーマンスを考慮した実装を学べる良書 -モダンHTML＆CSS 現場の新標準ガイド
Tailwind及びMotionでデザインされたアニメーションUIを実装する為のReactコンポーネント・「Animate UI」
実は難しい！ CSSのborder-radiusで実装した角丸を矩形からスムーズにアニメーションさせるテクニック
Web制作者はダウンロードしておきたい！ CSS関連の最新版チートシートのまとめ
motion.jsとlucide iconsで構築されたシンプルなアニメーション付きアイコンライブラリ・「pqoqubbw/icons」
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『シンプルで使いやすいCSSアニメーションライブラリ・「Hexa」』についてまとめています。
この記事は特にアニメーションについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
