CSS3

一、圆角边框与阴影

1.圆角边框border-radius

div{ height:100px; width:150px; border:1px solid blue; border-top-left-radius:40px 20px; border-bottom-right-radius:20px;}

2.阴影box-shadow

二、文本与文字

1.text-shadow
属性：水平偏移，垂直偏移，阴影大小，颜色

<h1>Web Design</h1>
	h1{
	text-shadow:2px 2px #FF0000;
}

2.word-wrap属性
允许长单词，URL强制进行换行

这是最长的英文单词， pneumonoultramicrosscopicsilcovolcanoconiosis.

@font-face

3.2D转换
对元素进行旋转，缩放，移动，拉伸

transform属性
rotate()
scale()

4.过渡与动画

（2）animation动画
属性取值

5.3D变换

透视preserve

.x:hover{ transform:rotateX(60deg); }