HTML：transition属性学习

导航菜单加上一些css3的过渡技术后可以产生更华丽的视觉效果，将基本知识小结如下：

transition-property属性+transition-duration属性：

一个产生hover平滑效果，一个指定效果持续时间，两个进行配合；

其中property的值为可以为width，none，all等，也可以是属性列表；

duration的值是时间，以秒为单位，默认为0，因此若要产生效果要>0；

代码块：

<style> div{width:100px;height:100px;background:blue;transition-property: width;transition-duration: 2s;}div:hover{width:300px;}</style>

在div：hover中指定最后宽度；

可以加上transition-delay属性，具有延迟反应的效果；