前端面试题--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:指定是否应该反向播放动画

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值