【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 : CSS
スポンサーリンク
スポンサーリンク