2023年10月12日 JavaScript 通常 box-shadow などで画像に影をつけると単色になりますが、今回紹介する「cosha」を使えば画像を反射したようなカラフルな影を実装できます。画面に透明感がでて素敵に演出できますよ! ↑私が10年以上利用している会計ソフト! この記事は動画でも紹介しています。動画派の方はぜひどうぞ! 動作デモ See the Pen JavaScript cosha demo by Mana (@manabox) on CodePen. 影に画像の色が反映されていますね! coshaの実装方法 難しい記述は不要なので、サクッと試せますよ。 1. 画像を用意する body タグの中に画像を用意しておきます。まぁ普通ですねw 変わった事は何もしていません。 HTML <body> <img src="images/picnic.jpg" alt="pic