CSSでの表現

CSSでWebサイトを彩る方法を集めてみました。
常に進化しているので、いくらあってもいいですからね。

●CSSメッシュグラデーションツール

メッシュグラデーションとは色んな色がグラデーションごとに自然な感じで変わっていく表現ですが、これがツールで簡単にできるようで、ありがたいですね。
https://www.mshr.app/
（参考：CSS mesh gradients）

●CSSで乗算をかける

Photoshopでよくつかう乗算などのブレンド表現ですが、それがついにCSSでできるようになってたみたいです。対応ブラウザはie以外なので、もう普通に使ってもOKでしょう。こちらのサイトを参考にしました。
https://wk-partners.co.jp/homepage/blog/hpseisaku/htmlcss/mix-blend-mode/
（参考：ウェブ企画パートナーズ）

●HTML・CSSで実装するかわいいフキダシのアイデア

CSSでいろんなフキダシをサンプルコード付きで作っています。
今までは画像じゃないと難しそうなデザインもできちゃってますね。すごい。
https://ics.media/entry/240425/
（参考：ICS MEDIA）

●CSSのみで実現するマーキー表現

昔のHTMLであった自動で横スクロールする表現ですが、これがCSSで実現できるようです。英語ページですがコード付きで紹介されています！
https://www.smashingmagazine.com/2024/04/infinite-scrolling-logos-html-css/
（参考：smashingmagazine）

●CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版

デフォだとださいフォームパーツをきれいにしたいですよね。
ということでフォームカスタマイズを基本から丁寧に解説してくれているサイトです。
https://nanto.asablo.jp/blog/2024/05/24/9686885
（参考：Days on the Moon）

日々いろんなテクニックが出てきていますね。

今回は以上です！