【CSS】filter:drop-shadowなら、グラデーション文字にも影をつけられました^^ - Little Strange Software

どうも！LSSです！！ 【CSS】グラデーション文字をアニメーションしてみました - Little Strange Software 【CSS】グラデーション文字 応用編 - Little Strange Software でサンプルとして使用していた「きんきらきんのきーん」ですが、背景がグレーの枠に入れた状態でお披露目していました。 それには理由があって、「グラデーションに白を使っているため、そのまま白背景の記事に配置するとどうにもしまらない」からでした。 かといって、text-shadowで影をつける、という方法はグラデーション文字に関しては使用できず、背景色つきの枠で出していたんですね。 ですが今回、「グラデーション文字に影をつける」方法を見つけました！ きんきらきんのきーん filter:drop-shadow 参考までに、きんきらきんのきーん失敗例ｗ もし「きんきらきんのきーん」

[kefugahi]

これはド派手ですね！自分とかよく見ないと違い気づかなかったですけど(笑)

[ta-sanpapa]

pちゃは、枠は嫌いなはずです！

[hukunekox]

やっぱり枠はあったほうが映えますね☺️✨