物体下落的动画

本文介绍了CSS3中的动画属性,包括animation-name、animation-duration、animation-timing-function、animation-delay和animation-iteration-count,并通过一个物体垂直下落的案例详细展示了如何设置这些属性,实现无限次的动画效果。文章强调了CSS3动画相对于过渡属性的灵活性,并鼓励读者分享和交流更好的实现方式。
摘要由CSDN通过智能技术生成

物体下落的动画属性

作者:张维裕

撰写时间:2022/3/10

一.动画:是对于过渡属性需要手动触发的缺点css3推出的解决方法,可自动运行。 动画是由每一个状态/帧加起来所构成的。

  动画有以下属性:

    animation-name动画名字

animation-duration设置动画消耗时间

animation-timing-function设置动画效果快慢

animation-delay设置动画延时播放

animation-iteration-count设置动画运行次数 无数次:infinite

下面我通过一个案例来应用这些属性。

二.案例:物体自然垂直下落的过程

1.Ht

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值