如何设置（样式渐变）transition

想让触发样式有一个肉眼可见的渐变过程？如何设置（样式渐变）transition ?

---

样式渐变：

    -webkit-transition: .1s;
    transition: .1s;
    

需求示例（设置div:hover阴影渐变0.5秒的过渡效果），代码如下：

	div{  /* 放在此处，如下 */
	    -webkit-transition: .1s;  
	    transition: .1s;
	}
	div:hover{
		box-shadow: 0 3px 10px rgba(0,0,0,.3);
	}

---

以上就是关于“ 如何设置（样式渐变）transition ” 的全部内容。