前端面试题--CSS3新特性有哪些？

1.CSS3选择器

a.基本选择器

b.属性选择器

c.伪类选择器

2.CSS3边框与圆角

a.CSS3圆角  border-radius

b.盒阴影  box-shadow

c.边框图像 border-image

3.CSS3背景与渐变

a.CSS3背景

b.CSS3渐变

4.CSS3过渡

transition：设置元素当过渡效果，四个简写属性为：

transition-property：过渡属性名

transition-duration：规定完成过渡效果需要花费的时间

transition-timing-function：指定切换效果的速度

transition-delay：指定何时将开始切换效果

cubic-bezier(x1,y1,x2,y2)：贝塞尔曲线，是控制变化的速度曲线

5.CSS变换

transform：应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。

transform-origin：允许更换元素的位置。2D转换元素可以改变元素的X和Y轴。3D还可以更改元素的Z轴。

transform-style：指定嵌套元素是怎样在三维中呈现

6.CSS3动画

animation-name：为@keyframe动画名称

animation-duration：动画指定需要多少秒或多少毫秒完成

animation-timing-function：设置动画将如何完成一个周期

animation-delay：设置动画在启动前的延迟

animation-iteration-count：定义动画的播放次数

animation-direction：指定是否应该反向播放动画