IMAGE MOTION PACK 01
画像に触れる、
3つの動き。
カーソルを動かす。境界をずらす。項目を選ぶ。サイトで使いやすい操作だけをまとめました。
2,980円税込・買い切り
- 形式
- JavaScript / CSS
- 外部ライブラリ
- なし
- 操作
- マウス / タッチ / キーボード
01 / MOVE
Velocity Trail
枠の中でカーソルを動かしてください。移動速度から、画像の角度と大きさを計算します。スマホはタップで表示します。
0 generated
MOVE HERE
02 / DRAG
Split Reveal
画像の境界を左右に動かしてください。商品比較、施工前後、デザイン変更の見せ方に使えます。
03 / SELECT
Hover Preview
項目に触れると、対応する画像が現れます。実績、商品、スタッフ紹介などの一覧向けです。
0 selected
0 dependencies
adaptive motion
reduced-motion
hidden-tab pause
touch fallback
PACKAGE
ZIPの内容
3つの動きを、試した状態のまま受け取れます。
- 本番用
- 圧縮済みJavaScript 3本
- 編集用
- コメント付きソース 3本
- 見本
- このページと同じ完成デモ
- 説明
- 日本語導入ガイド・利用条件
BUYOUT
2,980円
税込・買い切りです。月額料金はありません。
- 購入者が管理する1サイトで利用可能
- 商用利用・改変可能
- 素材そのものの再配布・再販売は不可
- 決済確認後、ZIPをご案内
支払いページで商品名と金額を確認できます。専用決済リンクが未発行の場合は、発行依頼が表示されます。