[原创]css3 学习笔记(一)

//旋转   rotate(10deg)代表 顺时针旋转10°
//可以为scale-尺寸放大缩小       skew表示倾斜角度      translate表移动距离

transform:rotate(10deg); 
-webkit-transform:rotate(10deg); 
-moz-transform:rotate(10deg); 
//阴影四个参数  
//第一个参数表示水平偏移,例如2px,表示投影右偏移2像素
//第二个参数表示垂直偏移,2px表示投影向下偏移2像素
//第三个参数表示模糊的大小,表示模糊大小
//第四个参数为rgba颜色,例如rgba(135,139,144,0.4),括号内四个值分别指代r(red)g(green)b(blue)a(opacity)
box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4);
-webkit-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); 
-moz-box-shadow:2px 2px 3px rgba(135, 139, 144, 0.4); 

http://www.zhangxinxu.com/wordpress/2009/12/css3-transformtransition%E5%AE%9E%E7%8E%B0%E8%B6%85%E9%85%B7%E5%9B%BE%E7%89%87%E5%A2%99%E5%8A%A8%E7%94%BB%E6%95%88%E6%9E%9C/

http://blog.csdn.net/tuhuolong/article/details/8078663

你可能感兴趣的:(前端学习总结)