実践
CSSブレンドモードの利用
2

前回紹介したCSSブレンドモードを用いて、ピクセルグリッドのコーポレートサイトでは、どのように実装されているのかを解説します。また、実装してみてわかった注意点についても触れます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

このシリーズではCSSのブレンドモードを利用したヒーローエリアの実装について解説します。この実装は、リニューアルしたピクセルグリッドコーポレートサイトのヒーローエリアに使われています。PhotoshopやIllustratorの機能として見かけるようなさまざまなモードでのブレンドがCSSで実現できます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア