augular 小结

-webkit-box-shadow：

为了兼容各主流浏览器并支持这些主流浏览器的较低版本，在基于Webkit的Chrome和Safari等浏览器上使用box-shadow属性时，我们需要将属性的名称写成-webkit-box-shadow的形式。Firefox浏览器则需要写成-moz-box-shadow的形式。

1 2 3 4 5 6 7 8

box-shadow{           //Firefox0-           -moz-box-shadow:投影方式 X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色;           //Safariand Google chrome0-           -webkit-box-shadow:投影方式 X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩展半径 阴影颜色;           //Firefox0+、 Google chrome 0+ 、 Oprea5+ and IE9             box-shadow:  投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;    }

注意：出于方便，后文的css属性有的地方只写了box-shadow属性，没有写-moz-和-

 

 

 

Helvetica,Arial,"LucidaGrande",sans-serif;

Arial是一套随同多套微软应用软件所分发的无衬线体TrueType字型。

 

 

 

transition-property 规定设置过渡效果的 CSS 属性的名称。

transition-duration 规定完成过渡效果需要多少秒或毫秒。

transition-timing-function 规定速度效果的速度曲线。

transition-delay 定义过渡效果何时开始。