2年 ago
776 Views

コピペで使える簡単CSSシャドーエフェクト集めました

effects

シャドーをつけるだけで、シンプルにデザインをすることができるので、フレームなどに使いたいパーツの一つ。以前は画像でシャドーを作ったりしてましたが、ブラウザが対応してきたので、是非CSSで使いたいですよね。

Drop Shadows with CSS3

ボックスに使うドロップシャドー

css3-drop-shadows

Polymer – Css3 Shadow Effects

ボックス、ドロップ、テキスト、フラットシャドーがあります

shadow

css3-arrow-dropshadow

css3-shadow-effect1

Css3 Text Shadow Effect

effects

Css3 Dashed Shadow Effect

BzoHi

CSS3 Floating Drop Shadow

FHxnr

Pure CSS3 Drop-Shadows Without Images

demo_

Css3 Tapered Shadow

ull_lgirb

Round Inset Box Shadow Effect

ErwxJ

Shadow-Stack – Css3 Shadow Effect

full_fhwvt

Glow Tabs with Box Shadow CSS3

items_demo_

Article Tags:
Article Categories:
html&CSS · シャドー · 素材
12345 (No Ratings Yet)
Loading...

Leave a Comment

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

Menu Title
ツールバーへスキップ