大家好,我正在尝试进行转换,当你悬停背景变成紫色,文字颜色变成白色.(原来没有背景颜色,文字颜色是黑色……)
但它不起作用！
我做错了什么！？
a:hover {
color: white;
-webkit-transition: color 1000ms linear;
-moz-transition: color 1000ms linear;
-o-transition: color 1000ms linear;
-ms-transition: color 1000ms linear;
transition: color 1000ms linear;
background-color: purple;
-webkit-transition: background-color 1000ms linear;
-moz-transition: background-color 1000ms linear;
-o-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
}
所以///编辑,因为每个人都告诉我将其添加到a而不是：hover …
初始状态：
text-color:black; background:none;
悬停状态：
顺利过渡到：
text-color:white; background:black;
我希望这能帮助所有人
谢谢你的时间！
解决方法
把它们放在a(而不是悬停)上.如果你想要多次转换,你必须将它们一起声明.
-webkit-transition: color 1000ms linear,background-color 1000ms linear;
