![見出し画像](https://assets.st-note.com/production/uploads/images/95855299/rectangle_large_type_2_fde24668e4d60bd7f04c2cc9dee99a7e.jpeg?width=1200)
AdobeXD マスクを使ったボタン(DLデータあり)
【AdobeXD マスクを使ったボタン】
— by|Sasaki (@by15816785) January 17, 2023
最近よくみるテキストが回転するようなボタンはマスクを使って作成します。
マスクを利用するとアニメーション表現の幅が広がります。#adobexd
※サンプルDLできますhttps://t.co/w7lpl8J0VD pic.twitter.com/kb5Uwo4E90
最近よくみるテキストが回転するようなボタンはマスクを使って作成します。
マスクを利用するとアニメーション表現の幅が広がります。
作り方
テキストにマスクを適用します。
テキストを複製して片方をマスクの外へ移動します。
ホバーステートを作成してテキストの位置を変更します。
この記事が気に入ったらサポートをしてみませんか?