このパターンではテーマ「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。
このパターンではプラグイン「VK Blocks」「VK Block Patterns」を使用しています。
設定のコツ
カラムのボタン
文章量が違ってもボタン「詳細はこちら」のボタンが下部に固定されるようになっています。これはカラムブロックに対して 高度な設定 > 追加CSS で vk-cols--hasbtn クラスが付与してあり、プラグイン VK Block Patterns が .vk-cols--hasbtn に対してCSSを指定しています。
背景グラデーション
このパターンのオフセット背景は、外側のカバーブロックのの背景に画像が指定してあり、そのオーバーレイカラーで白と透明のグラデーションをかぶせています。グラデーションが除々に白から透明になるのではなく、グラデーション開始位置と終了位置を同じポイントにする事で、白から透明にいきなり切り替わるので、ブロークングリッドのような演出を実現しています。
