【CSS】「box-shadow」より効果判定が優秀なドロップシャドウCSS

  • CATEGORY : WEB関連

CSSでのドロップシャドウは「box-shadow」が一般的だと思うのですが、透過画像の内にもあたる新しいCSSがあるみたいです。

内容の内訳は

drop-shadow(【X軸】 【Y軸】 【影の大きさ】 rgba(【RGBの色数字】,【透過率】))

現在IE以外のブラウザには対応済みっぽいので導入も楽そうですね。
ちょっとすごいなーって思いましたので自分用のメモも兼ねて!(・◇・)

参考サイト:box-shadowはもう古い?CSS新時代の「影の落とし方」

そしてこちらのサイト様の方が他の使い方も載ってて詳しかった!Σ(´∀`;)

https://www.webprofessional.jp/css-filter-effects-blur-grayscale-brightness-and-more-in-css/

記事TAG :


Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PROFILE

MeteorDrive ネコノ

戦略的な提案型デザイナーとして日夜奮闘しています( ゜д゜)ノ

詳細情報はこちら

GOODS LIST

UTme!MARKET アイテムリスト

Amazon SEARCH

ENTRY RANKING