Adobe XD Advent Calendar 2020の24日目の記事です。 デザイナーの松下 絵梨さんが、Adobe XDを用いてテキストアニメーションをデザインしてくれました。 このデザインをHTML・CSSでコーディングしてみましょう。こういった表現をするには、CSSのbackground-clipプロパティ ...

CSSのショートハンドは省略して簡潔に書ける便利な書き方です。ただし、特にbackgroundは注意が必要です！backgroundのショートハンドは、実は多くのプロパティをまとめて省略しています。書いていない部分にも影響があり、デフォルト値にリセットされる ...