AdobeXD ホバーで拡大する画像(DLデータあり)
【AdobeXD ホバーで拡大する画像】
— by｜Sasaki (@by15816785) January 15, 2023
ホバーステートでの画像の拡大はマスクを使わずに直接行うこともできますが、コーディングやデータ統一の面で数値管理が良いです。
開発者に「ホバー時は〇〇％拡大です」と伝えてあげるとより親切です。#adobexd
※サンプルDLできますhttps://t.co/cU32l405RN pic.twitter.com/xN7fCoeR9T
ホバーステートでの画像の拡大はマスクを使わずに直接行うこともできますが、拡大率を数値で管理できません。
コーディングのことを考えたり、自分のデータを統一するためにも数値で管理できる方法をお勧めします。コーダーさんに「ホバー時は〇〇％拡大です」と伝えてあげるとより親切です。
作り方
画像と同じ大きさの長方形でマスクします
コンポーネント化してホバーステートを追加します
ホバーステートで画像のサイズを数値で調整します