見出し画像

AdobeXD ホバーで拡大する画像(DLデータあり)

by｜Yuhei Sasaki

ホバーステートでの画像の拡大はマスクを使わずに直接行うこともできますが、拡大率を数値で管理できません。
コーディングのことを考えたり、自分のデータを統一するためにも数値で管理できる方法をお勧めします。コーダーさんに「ホバー時は〇〇％拡大です」と伝えてあげるとより親切です。

作り方

  1. 画像と同じ大きさの長方形でマスクします

  2. コンポーネント化してホバーステートを追加します

  3. ホバーステートで画像のサイズを数値で調整します

この記事が気に入ったらサポートをしてみませんか？