ブロックプラグイン
kineticCard
ホバーで3Dティルト+光反射+パララックスが発生するインタラクティブカード。
デモ
概要
ホバーで3Dティルト+光反射+パララックスが発生するインタラクティブカードです。マウスを乗せると立体的な動きが発生します。
パラメーター
| パラメーター | デフォルト | 説明 |
|---|---|---|
title |
— | カードタイトル(必須) |
img |
"" |
画像 URL |
link |
"" |
クリック先 URL |
linkText |
"詳しく見る →" |
リンクテキスト |
dark |
false |
ダークテーマ |
使用例
{% from "block-card-kinetic/block-card-kinetic.njk" import kineticCard, kineticCardGrid %}
{% call kineticCardGrid() %}
{% call kineticCard(title="Architecture") %}
カード本文テキスト
{% endcall %}
{% call kineticCard(title="Performance", img="/img/photo.jpg", link="/about/") %}
カード本文テキスト
{% endcall %}
{% endcall %}