问答详情
源自：2-7 jQuery鼠标事件之hover事件

颜色渐变问题

如何让颜色变化缓缓进行？用css3可以实现吗

提问者：__innocence 2016-09-07 17:06

个回答

  • 我就叫李二毛
    2017-01-12 17:40:36

    css  可以实现。 js的话加个定时器就好。

    0
  • 柚柚柚子咯
    2016-09-07 17:36:42

    用css3的transition就可以实现了

    下面代码是鼠标移到div，会慢慢从黄色变成红色

    <!DOCTYPE html>
<html>
<head>
<style> 
div
{
width: 100px;
height: 100px;
background: yellow;
transition: all 2s;
}
div:hover
{
background: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>


    2