2017年2月5日のブックマーク (1件)

  • CSSのみでマウスオーバー時に動きをつける方法

    transition」をつけることで単調な変化にならず、徐々に色が変化して柔らかい雰囲気を出すことができます。記述する際に、a:hover要素の方に記述してしまうと、カーソルを要素から離して変化が戻るときの「transition」の効果が適用されなくなってしまうので注意してください。 「all」はすべてのプロパティの変化に適用するということです。「all」を変化させたいプロパティの名前に変更することで、そのプロパティにだけ「transition」を適用させることも可能です。例えば、背景色はデフォルトの速さで変化させたいが、文字色だけ徐々に変化させたいときは「all」の代わりに「color」(文字色を指定するプロパティ)と記述します。 「1.5s」は変化する秒数を表します。数値を変えることで、変化のスピードも変わります。 使う色を工夫することで、さらに様々なタイプの変化をつけることができま

    motty393939
    motty393939 2017/02/05
    これはやってみたい!