CSSのmask-imageプロパティを使えば、画像や文字にマスク効果を適用し、透明・不透明を自在に操れます。Web表現の幅が広がるテクニックです。

Googleが約10年ぶりにロゴマークの「G」のアイコンをトレンドのグラデーションデザインにリニューアル！

フッターが途中で浮いてしまう原因と、CSSだけで最下部に固定する方法を解説。「display: grid」を使ったシンプルで実用的なレイアウトテクニックも紹介します。