CSS3 transition

CSS3について勉強中です。今回も備忘録として書いています。

今回は「transition」を勉強しました。

JavaScriptを使わずに動的な演出ができるので、活用できるのではないかと期待しています。

「マウスホバーで文字が変化します」

覚えるべきは下記4つのプロパティ

「transition-timing-function」については下記の6つの値を覚えておく。

  • ease
  • linear
  • ease-in
  • ease-out
  • ease-in-out
  • cubic-bezier

マウスホバーで変化させるのが典型的なので、リンクタグと合わせて活用すると良い感じになる。

samplefish.jpg

関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。