.sample-class:HOVER{ -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s; border-color:rgba(255,255,255,.75); -webkit-box-shadow:0 0 18px rgba(0,0,0,1); }
代码解释:
transition的过渡,border linear .2s这是说border属性的逐步过渡,而后面则是对阴影部分的逐步过渡;
rgba(a,b,c,d),这个前面我们曾经用到过很多次,前三位凑成颜色,而第四位则是透明度,还需牢记才是;
box-shadow:x y 10px rgba(a,b,c,d),同样在前面用到过很多次,x y分别是阴影的方向, 然后是阴影蔓延距离,最后则是阴影部分的颜色;