操作方法
打开DW网页编辑工具，可以新建一个文档写H5页面，并不是传说中的去掉标头，标头可以保留。
不过最好不要保留，按照标准来，标准的不用记住标头，这样能够节省时间。
下面我们来看一下CSS样式代码，代码如下，<style type="text/css">.bian{ width:300px; height:100px;padding:10px;-webkit-transition-property:background-color;-webkit-transition-duration:5s;-webkit-transition-timing-function:ease:}.bian:hover{background-color:#f00; color:#fff;}</style>写的时候注意别把这些CSS3代码写错，写错了可就出不来效果啦。
写完了CSS样式代码，我们来看一下DIV代码，这个很简单。代码如下所示，<div class="bian">这是一个渐变</div>。
这样渐变效果就写好了，在浏览器上打开，鼠标移到文字区域，这块区域由白变红，最终效果如下所示。
鼠标移开后，效果会慢慢变暗，这是鼠标移开3秒后的效果。
这是鼠标没移动到文字区域与鼠标离开大于5秒后的效果。
如果你想把效果看的更好，我们可以把时间设置的更长一些。