求人バナー_カバーに全体リンク_hover時エフェクト

公開日 2024年11月7日

キャッチフレーズ部分は、VK Blocks の「非表示設定」機能で、画面サイズごとに出しわけしています。
カバーブロックにVK Blocks Proの「カスタムCSS」で、hover時に薄い影がついて、ふわっと背景画像が拡大し半透明になるCSSを書いています。お好みで調整してください。
カバーブロック全体にリンクを設置していますので、カバーブロックからリンクを設定してください。
右下の三角はカバーブロックの色>背景をグラデーションで透明→カラー色にして設定しています。

背景のグラデーションについて詳細は、下の動画を参照してください。

表示確認済みテーマ: X-T9、Lightning ( G3 / theme.json )、Twenty Twenty-Five、Twenty Twenty-Four、Twenty Twenty-Three
ライセンス区分: プレミアムパターン
使用プロダクト: VK Blocks Pro (有料)、カスタムCSS
業種: 求人サイト
パターンタイプ: セクション
パターンカテゴリー: 採用情報、CTA
管理ID: 19649

【はじめて利用する方へ（ユーザー登録していない方）】

ユーザー登録をしなくても、無料パターンはコピーしてそのままご利用いただけます

お気に入り機能やプレミアムパターンのコピーなど、追加機能をご利用いただくには、「Vektor Passport」(もしくはLightning G3 Pro Pack) のライセンスが有効である必要があります。

ライセンスを購入する場合はこちら⇒１年・３年・５年

VK Pattern Library のユーザー登録は VWS のマイアカウントからのみとなります。

VK Pattern Library のユーザー登録の流れはこちらをご覧ください。

【VK Patterns Library のユーザー登録がお済みの方へ】

以下の機能はログイン時のみご利用いただけます。ご利用の際は ログイン してください。

ただし、Vektor Passport (もしくはLightning G3 Pro Pack) のライセンスが無効な場合は、これらの機能はご利用いただけません。

ライセンスを購入する場合はこちら⇒１年・３年・５年

このパターンについて

キャッチフレーズ部分は、VK Blocks の「非表示設定」機能で、画面サイズごとに出しわけしています。
カバーブロックにVK Blocks Proの「カスタムCSS」で、hover時に薄い影がついて、ふわっと背景画像が拡大し半透明になるCSSを書いています。お好みで調整してください。
カバーブロック全体にリンクを設置していますので、カバーブロックからリンクを設定してください。
右下の三角はカバーブロックの色>背景をグラデーションで透明→カラー色にして設定しています。

背景のグラデーションについて詳細は、下の動画を参照してください。