第七次作业

CSS样式的继承
会继承的CSS属性:字体属性,文本属性,文字颜色.....
不会继承的CSS属性:边框,内外边距,宽高....
a链接的属性最好添加在自身,否则可能不生效
过渡属性
transition-delay:2s (延迟)
transition-timing-function:linear (改运动形式)
transition-timing-function:steps(10)   (逐帧)
2d转换
transform:translateX()
transform:translateY()
旋转
transform:rotateX(30deg)
transform:rotateY(30deg)
沿着X旋转45读再向右平移
先平移后旋转

transform:translateX(100px) rotateX(45deg)
transform:scaleX(0.5)  以X轴缩放
transform:scaleY()
transform:scale()  完整缩放
3d转换
景深(3d)
perspective:
transform-style:preserve-3d
transform-origin:top/bottom/10px  (改变基点)animation-literation-count:infinite (无限播放)

animation-direction:reverse (是否反向播放)

animation-direction:alternate (往复)

animation-play-state:paused 开始暂停

animation-fill-mode:forwards 最后暂停
渐变
background-image:linear-gradient(red,pink)
 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值