[英]CSS Transition of background-color
我有一些带有悬停效果的图像,例如它们会改变身体的bgcolor。 我想在颜色之间过渡,但是我太笨了。 我正在尝试使用它,但是它仍然没有显示过渡。
-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
你不傻! 只需要一些练习。 您所拥有的一切都很好,我只是看不到其余的代码。 但这是您要寻找的:
div { display: block; width: 100px; height: 100px; background-color: red; transition: background-color 1000ms linear; } div:hover { background-color: green; }
<div> </div>
您可以这样操作:
.x { width: 300px; height: 200px; background-color: #fa0; transition: 1000ms linear; } .x:hover { background-color: #0af; }
<div class="x"></div>
重要的是将transition
参数放入元素本身的规则中,而不要将background-color
写入transition
值中。 悬停规则仅定义过渡的第二种颜色。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.