詳解逆引きHTML+CSS辞典

アニメーション - 回転・移動・拡大縮小させたい

登録タグ
Icon comment count 0
Icon stock count 0

回転・移動・拡大縮小させたい

回転させたい/位置を変えたい/大きくしたい/小さくしたい

transformプロパティ rotate() translate() scale() 回転 移動 拡大 縮小 変形

CSS3のtransformプロパティを使用すると、ボックスを回転・移動・拡大縮小させることができます。ボックスを移動させるだけであればpositionプロパティ(「第9章 レイアウト」の「配置位置を指定したい(p.236)」参照)でも可能ですし、ボックスの大きさを変えるだけならwidthプロパティとheightプロパティでも実現できます。

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません