DigiPress

Highly Flexible WordPress Theme

メニュー

【これは便利!】CSSだけでロングシャドウ効果を出せるWebサービス「Long Shadow Generator」

2019/03/09

longshadowgeneratorフラットデザインに続く流行りのWebデザイン、「ロングシャドウ」効果をなんとCSSだけで表現してくれる超便利なオンラインサービス「Long Shadow Generator」。

シャドウのサイズ、透過度、長さなどをスライダーでお好みの値に調整すると、リアルタイムにプレビューチェックができるというとても便利なシロモノです。

いい感じに仕上がったら、「SHOW CODE」ボタンをクリックして自動で生成されたCSSをコピーするだけ!
capture 2013-07-23 13.43.07

あとは実際にロングシャドウを施したいオブジェクトに「shadow」というCSSクラスを指定すれば流行りのロングシャドウのできあがり!

一度お試しあれ。

Share / Subscribe
Facebook Likes
Tweets
Hatena Bookmarks
Pinterest
Pocket
Feedly
Send to LINE