HTML5+CSS3可以实现很绚的效果，可以用简单的代码可以实现JS很多代码的效果，下面我们看一下CSS3实现的简单渐变效果吧。
工具/原料
DW网页编辑器
方法/步骤
1
打开DW网页编辑工具，可以新建一个文档写H5页面，并不是传说中的去掉标头，标头可以保留。
2
不过最好不要保留，按照标准来，标准的不用记住标头，这样能够节省时间。
3
下面我们来看一下CSS样式代码，代码如下，写的时候注意别把这些CSS3代码写错，写错了可就出不来效果啦。
4
写完了CSS样式代码，我们来看一下DIV代码，这个很简单。代码如下所示，
这是一个渐变
。5
这样渐变效果就写好了，在浏览器上打开，鼠标移到文字区域，这块区域由白变红，最终效果如下所示。
6
鼠标移开后，效果会慢慢变暗，这是鼠标移开3秒后的效果。
7
这是鼠标没移动到文字区域与鼠标离开大于5秒后的效果。
8
如果你想把效果看的更好，我们可以把时间设置的更长一些。
注意事项
共同分享，共同进步。
上一篇：专业训练的方式预防大脑衰老
下一篇：三步教你买到优质防水涂料