前端——anmiation

animation:;动画

设定动画方案:设定“关键帧”。

动画关键帧写在其他应用样式之前,当关键帧前用百分比表示时,代表占动画时间的百分比。

@keyframes xx{  from{};to{};   };

animation-name:;

animation-duration:;播放时间

animation-iteration-count:;播放次数

animation-timing-function:;播放曲线

animation-fill-mode:forwards(动画结束后停在最终位置)/backwards(动画结束后回到起始位置)

animation-direction:alternate(先从0%执行到100%,再从100%执行到0%;一个来回,必须设定2次的动画次数才生效)/alternate-reverse(先从100%执行到0%,再从0%执行到100%,必须设定2次的动画次数才生效);

animation-play-state:paused;动画暂停执行。

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

相关阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,483评论 0 11
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,323评论 5 13
  • gradient <gradient> 是一种 CSS数据类型的子类型,用于表现两种或多种颜色的过渡转变。<gra...
    DHFE阅读 1,013评论 0 1
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,910评论 0 10
  • 1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi阅读 5,383评论 3 23

友情链接更多精彩内容