30秒で理解できるCSSのコードスニペットがまとめられている「30 Seconds of CSS」

30秒で理解できるCSSのコードスニペットがまとめられている「30 Seconds of CSS」

30秒で理解できるCSSのコードスニペットがまとめられている「30 Seconds of CSS」

30 Seconds of CSSは、30秒で理解できるCSSのコードスニペットがまとめられているサイトです。

アニメーションするローダーやホバーアニメーション等、豊富なスニペットがまとめられています。

30 Seconds of CSSの使い方

30 Seconds of CSSにアクセスして、HTMLとCSSをコピーして利用します。それぞれデモも表示されています。

30 Seconds of CSSの使い方

スニペットは、それぞれ以下のカテゴリーに細かく分けられていますので、カテゴリーからコードを探すことも可能です。

  • Layout
  • Visual
  • Animation
  • Interactivity
  • Other

あとがき

以前、JavaScriptのコードスニペットがまとめられている「30 seconds of code」というサイトを紹介しましたが、そのCSS版ですね。

実現しようと思っているスニペットが見つかれば、一からコードを書く手間を省くことができますね。ぜひご活用ください。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です