【CSS】グラデーション文字を作ってみました！ - Little Strange Software

どうも！LSSです！！ 結構前に、「CSSでグラデーションする文字」を「下書き供養祭」としてネタにしました。 あの時はまだ「どうしてそうなるのか」イマイチ分からないままだったので「下書き供養」としましたが、ちょっと分かった気がしたので、再度ネタにしてみます！ ↓こんなのを作ってみました。 Little Strange Software コード コード解説 文字の基本設定部分 グラデーションを「背景として」 指定する部分 大技！「背景を文字の形に繰り抜く」部分 改変例 コード <span style="font-size: 50px; font-weight: bold; color: lightblue; background-color: blue; background-image: linear-gradient(180deg,transparent 20%,#ffffffe0 60

[tn198403s]

「CSSのグラデーション文字」は見栄えの良さに食えわえて、テキストデータとして文字を表示できるのも魅力ですね。装飾文字を画像データで表示すると、テキストデータが消えてしまうのが残念。う～む、いいなぁ。

[kirapapachang]

こりゃ〜カッコいいですね✨真似しちゃおっかな〜☺️

[conasaji]

コメント呟きの回答ありがとうございます！試してみます。（うまく行ったら記事にしようw）

[yu_me_po-lly]

カッコいいですね！

[kefugahi]

あぁこれカッコいいかも。

[hukunekox]

グラデーションが綺麗で英文字とかいいですね😊✨