MY CSS SCRAPBOOK

好きな CSS を、ここに。

気に入ったデザインや動きを、少しずつ集めています。

06 saved

コレクション

6件

CSS EFFECTWORKSHIP / 01

シンプルな見出しにホバーすると、説明文とCTAが浮かび上がる。CSSのみの表現。

文字演出CSS

CodePen

CSS + JSWORKSHIP / 03

グラデーションとホログラムの光が重なる、コレクションカード風のホバー表現。

ホログラムカード

CodePen

CSS EFFECTWORKSHIP / 04

グレースケールのカードが色づき、上下にスライドしながら情報を見せる。CSSのみ。

スライドCSS

CodePen

CSS EFFECTWORKSHIP / 08

重なったカードから1枚を持ち上げる。選んだカードのまわりに円形の動きが現れる。

カードアニメーション

CodePen

CSS EFFECT

ポインターやタッチに合わせて傾き、ロゴとホログラムが奥行き別に動くトレカ風カード。

3Dホログラム

参考元

CSS EFFECT

ホバーすると靴の画像が傾いて横にずれ、縦書きのブランド名が現れる。

カードホバー

参考元