どうも!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
![【CSS】グラデーション文字を作ってみました! - Little Strange Software](https://cdn-ak-scissors.b.st-hatena.com/image/square/7af39335d38c63a48b1b0e9d1c27ee15307134fb/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Flittle_strange%2F20200717%2F20200717235401.png)