2.css3属性
- css3边框
- border-radius
box-shadow
box-shadow: 10px 10px 5px #888888;
CSS3 背景
background-size 属性
background-origin 属性规定背景图片的定位区域。
CSS3 文本阴影
text-shadow
CSS3 自动换行
word-wrap:break-word;
CSS3 字体
@font-face
CSS3 2D 转换
translate() 方法
translate(50px,100px) 把元素从左侧移动 50 像素，从顶端移动 100 像素。
rotate()
rotate(30deg) 把元素顺时针旋转 30 度。
scale()
scale(2,4) 把宽度转换为原始尺寸的 2 倍，把高度转换为原始高度的 4 倍。
skew()
skew(30deg,20deg) 围绕 X 轴把元素翻转 30 度，围绕 Y 轴翻转 20 度。
css3 3d转换
rotateX()
rotateX() 方法，元素围绕其 X 轴以给定的度数进行旋转。
rotateY()
rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转。
CSS3 过渡
transition: width 2s;
css3动画
@keyframes myfirst
{
from {background: red;}
to {background: yellow;}
}
