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

コメント

コメントの投稿

非公開コメント


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

Deka-E

Author:Deka-E

ブログ4年目のブロガーです。
HTML/CSSが理解できる程度で成長が止まってます。
JavaScriptはサッパリ分からんです。

カウンター
総閲覧者数:
現閲覧者数:
検索フォーム
ジャンル別リンク
★は相互リンクさせていただいています

RSSリンクの表示
カレンダー
05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -
Twitter
管理人Deka-Eのツイート
サイドバー2下の追尾スペース