linear-gradientとtransition一緒に使う時にハマった罠 - Qiita

:hover時にtransitionでlinear-gradient使ったボタンがふわっと色変わるようにしてみたら、 ふわっとどころか:hoverのタイミングで一瞬背景が真っ白になった。 backgroundをショートハンドで書いてたのが原因ぽい。 a { background-color:$startColor; background-image:linear-gradient(transparent,rgba($gradientColor,$opacity)); // 面倒くさいのでベンダープリフィックスは省略＼(・∀・)／ a:hover { background-color:$endColor; } て感じにしたら直った。 いや、まぁ、よそのコード見ながら書き直しただけなんだけどもね。 firebugとかchromeの開発者ツールだと、勝手にショートハンドになってたりするのでしばら

[x-shinohara]

“backgroundをショートハンドで書いてたのが原因”