CSS3的新特性

1.CSS3的选择器

1）E:last-child 匹配父元素的最后一个子元素E。
2）E:nth-child(n)匹配父元素的第n个子元素E。 
3）E:nth-last-child(n) CSS3 匹配父元素的倒数第n个子元素E。

4）伪类选择器：（:link、:hover、:focus）

2. 圆角

1. border-radius: 15px;  

3.阴影（box-shadow、text-shadow） 

.class1{  

text-shadow:5px 2px 6px rgba(64, 64, 64, 0.5);   

}   

3. CSS3过渡

Transition 对象变换时的过渡效果

•  transition-property 对象参与过渡的属性
•  transition-duration 过渡的持续时间
•  transition-timing-function 过渡的类型
•  transition-delay 延迟过渡的时间

4.CSS3动画：animation

5.CSS3变换

（1）旋转：transform:rotate(angle)

（2）平移：transform:translate(X,Y)

（3）缩放：transform:scale(X,Y)

 

6.@Font-face 特性

font-face 可以用来加载字体样式，而且它还能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体。

@font-face {    font-family: BorderWeb;    src:url(BORDERW0.eot);    } 

转载于:https://www.cnblogs.com/xiaoan0705/p/8609807.html