box-shadowのジェネレーターとプロパティについて | bad-company

要素に影を落とすためのbox-shadowを確認するためのジェネレーターです。 各種プロパティなどページ下部に詳しい説明を書いてあります。 filter関数のdrop-shadowやReact Nativeのshadowのジェネレーターは別ページになります。 /* preview */ width: 200px; height: 60px; background-color: #3cb371; /* border-radius */ border-radius: 30px; /* box-shadow */ box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);

[perry-tips]

“box-shadow: 0px 0px 19px 6px rgba(255,136,0,0.6);”

[mohritaroh]

影がグリグリ動くのおもしろい

[takahiro_kihara]

別なページのコピペしたら、こんなのあったorzハナからこっち使えばorz

[yayocan]

影

[aoiasaba]

これは便利＾＾

[tsu70na3551]

box-shadow生成

[qrac_jp]

よく忘れるので活用。