filter: drop-shadow()（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 04日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 04 日目 今日は普通に便利な filter: drop-shadow() です。 box-shadow や text-shadow のように影を落とすことができる CSS の機能ですが、画像の場合透過部分を落としてよしなにやってくれるところが魅力です。 filter – CSS: カスケーディングスタイルシート | MDN デモ：https://codepen.io/ginpei/pen/zYdmMVE 基本的な使い方 box-shadow はプロパティでしたが、drop-shadow() は filter プロパティの値として使える <filter-function> です。
デザイナー顔負け！写真加工がうまくなる、10個の簡単テクニックまとめ
海外デザインブログ Canva Design School で公開された「10 Simple Ways To Enhance Your Images」より許可をもらい、日本語抄訳しています。 「百聞は一見にしかず（英: A picture is worth a thousand words.）」と言われるのには、きちんとした理由があります。 古くからよく知られているフレーズかもしれませんが、オーディエンスに向けてデザインを制作するときには、適切なアドバイスと言えるでしょう。デザインのコンセプトに、エクスペリエンス体験やリサーチを加えることで、イメージ画像はうまく注目を集めることができます。 Hubspot では、ビジュアル・コンテンツ（英: Visual Content）がいかに強力なコミュニケーションツールであるか、いくつかの統計がまとめられています。 関連する画像のあるコンテンツは、画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
