画像に影を落とす方法
サイトにアップした画像に影をつけたいことはよくあります。
こちらでは、PNG画像の透過性やSVG図形にも対応している万能css「filter: drop-shadow()関数」紹介します。
drop-shadow()関数のサンプルcss
filter: drop-shadow(10px 10px 10px #000000);
drop-shadow()コードの解説
drop-shadow(offset-x offset-y blur-radius color)
つまり、横の距離、縦の距離、ぼかす半径、色
の順番に記述するということです。
コピペして使ってください。
コメントを残す