エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
box-shadow と filter: drop-shadow の違い
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
box-shadow と filter: drop-shadow の違い
http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow を見て日本語でも書いておこう... http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow を見て日本語でも書いておこうと思って書いた。 でもサンプル見るほうが早いので(たぶん)わかりやすいサンプル作った。 サンプルは↓ スクショ↓ drop-shadowは見たままの影を作ってくれてます。 擬似要素で作った▼も影の形に反映され透過PNGの透過部分は影にならず文字もまるでtext-shadowのように。素敵。 余談2011年の12月頃にWebKit Nightly Buildsで-webkit-filterが実装されてました。 その頃作ったデモが↓ そして2012年の10月にはChrome、iOS6で-webkit-filterが使えるようになりました。 なぜかbox-shadowと似てると思われ、あまり注目を浴びないdrop-shadowが一番の