-
translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。参数一般为像素值 translate我们分为三种情况： 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动）; 2、translateX(x)仅水平方向移动（X轴移动）; 3、translateY(Y)仅垂直方向移动（Y轴移动）查看全部
-
注意： skew()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大。查看全部
-
缩放scale()函数让元素根据中心原点对对象进行缩放,参数为倍数。 缩放scale具有三种情况： 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放）; 2、scaleX(x)元素仅水平方向缩放（X轴缩放）; 3、scaleY(y)元素仅垂直方向缩放（Y轴缩放）查看全部
-
-webkit:chrome和safari； -moz:firefox； -ms:IE； -o：opera opera查看全部
-
扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 三种情况： 1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）； 2、skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）； 3、skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）查看全部
-
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。查看全部
-
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */查看全部
-
background-image:linear-gradient(to left top,red,violet)查看全部
-
rgba(R,G,B,0.几)设置透明度和颜色查看全部
-
1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；查看全部
-
box shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 外阴影的时候 右下 外面 内阴影 左上 里面（在最前面的2值加-号是阴影方向改变） 默认的投影方式是外阴影 inset是内阴影设置查看全部
-
border-radius 设置圆角边框查看全部
-
linear-gradient 线性渐变颜色查看全部
-
background:url(http://static.mukewang.com/static/img/logo_index.png) left top/150px 70px no-repeat , url(http://static.mukewang.com/static/img/logo_index.png) 200px 80px/100px 50px no-repeat; } 用逗号隔开每组background的缩写值；如果有size值，需要紧跟position并且用"/"隔开；分解写法时，background-color只能设置一个。查看全部
-
在编定css3样式时，为了更好的向前兼容，最好根据不同的浏览器加上其对应的前缀， 如：-webkit是chrome和safari的前缀 -moz是firefox的前缀 -ms是IE的前缀 -o是opera的前缀查看全部
举报
0/150
提交
取消