2022年、Webデザインの新しいトレンド「クレイモーフィズム」のスタイルをさまざまな要素に適用できるCSS

クレイモーフィズムはWebデザインの新しいトレンドの一つで、クレイ粘土みたいなもこもこの質感にシャドウを加えてフラットなデザインに奥行きを与えます。メタバースなどの影響でデザインやイラストにも3Dの人気が高まり、最近ローンチしたスタートアップでも使用しているのを見かけます。

  • 「クレイモーフィズム」とは
  • clay.cssの特徴:わずか400byteのユーティリティclassで構成されており、さまざまなHTML要素にクレイモーフィズムのスタイルを簡単に与えられる。
  • clay.cssのデモ:カード・パネル・ボタンなどの適用に向く。
  • clay.cssの使い方
    1. 当スタイルシートを外部ファイルとして記述(CDNもあり。npm, yarn経由からもインストール可)
    2. クレイモーフィズムを適用したい要素に.clayを与えるだけ。