css3基础

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;}
}