HTML CSSに関してです！！リンクなど、マウスを乗っけたときに、ゆっくり色が変わり、マウスが離

締切済

質問者：ト琶
質問日時：2019/06/30 22:27
回答数：1件

HTML CSSに関してです！！

リンクなど、マウスを乗っけたときに、ゆっくり色が変わり、マウスが離れたときはゆっくり色が元に戻るようなまのをつくりたいです。

しかし、transitionプロパティなど使うと、
サイトをリロードなどするときに要素が動きます。（ジュワッとする感じです。）
固定したままで色の変化をつけたいのですが、リロードするたびに要素が動きうまくいきません。
どうやったらいいのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： fujillin
回答日時：2019/07/01 09:35

こんにちは

＞transitionプロパティなど使うと
＞サイトをリロードなどするときに要素が動きます。
初期表示時にアニメーションしてしまうという意味でしょうか？
transitionはアニメーションの対象となる属性や、時間、遅延などを設定するものなので、直接には関係ないと思いますが？
https://developer.mozilla.org/ja/docs/Web/CSS/CS …

原状をどのようになさっているのか不明ですが、こういうことではないのでしょうか？

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>

<style type="text/css">
#hoge { font-size: xx-large; color:black; transition: all 12s; }
#hoge:hover { color: white; background-color: red; }
</style>

</head>
<body>
<p><a href="#" id="hoge">hogehoge</a></p>
</body>
</html>