无标题文章

css3中变形与动画(下)

1.设置动画播放次数:

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

语法:animation-iteration-count:n/infinite

n:定义动画的播放次数

infinite:定义动画的无限播放

2.动画时间外属性:

animation-fill-mode:属性规定当动画不播放时(当动画完成时或当动画有一个延迟未开始播放时)

要应用到元素的样式

语法:animation-fill-mode:node|forwards|backwards|both

none:默认值:动画在动画片之前或之后不会应用任何样式到目标元素

forwards:在动画结束后(由animation-iteration-count决定)动画体被锁定的位置在结束的位置

backwards:在动画结束后(由animation-iteration-count决定)动画体被锁定的位置在开始的位置

3.过度动画和关键帧动画的区别

过渡动画相当于关键帧动画,我们只关注它第一帧和最后一帧动画,而关键帧动画我们可以操控它全部过程中的每一帧

4.贝塞尔函数知识

四个函数(x1,y2,x2,y2,)

x1>y1   x2>y2先慢后快

x1<y1  x2<y2 先快后慢

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • ### 特殊的网络结构 **卷积神经网络** 卷积神经网络是如何计算的非常简单。但还是先简单说说数学中的卷积是怎么...
    daiab阅读 1,805评论 0 0
  • title: Optical Character Recognition (OCR)author: Marina ...
    4a87cc38dcbc阅读 2,890评论 0 0
  • """ Created on Wed Nov 16 21:04:04 2016 @author: TanMingj...
    大乔治阅读 1,616评论 0 0
  • 可怜之人必有可恨之处,经常听到这样的话。到对于自己感觉离的遥遥无期,也没有什么深刻的认识。 自己经过了一...
    家有二女阅读 1,675评论 0 0
  • 中午放学了,彤彤一脸不高兴的坐到车上,“妈妈,这次彻底考砸了”,我心想这是预料之中的事,我平静的说“没事,知道怎么...
    找个理由去飞阅读 1,832评论 0 2

友情链接更多精彩内容