码迷,mamicode.com
首页 > Web开发 > 详细

知识碎片—— css3动画

时间:2020-04-15 01:05:40      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:获取   过程   mat   时间   实现   效果   英文翻译   使用   技术   

 今天在看别人的代码中获取到了以前没有注意到的新碎片知识。

  • Firstly:     CSS3中的animation(动画)属性

 

技术图片

 

  animation-name属性是绑定到选择器关键帧的名称,接着就是要记录的第二个内容

  • secondly:   CSS3中的@keyframes

  通过 @keyframes 规则,可以创建动画,该属性和animation 属性是密切相关的,首先我们得知道,keyframes的英文翻译过来就是“关键帧”的意思,使用transition属性也能够实现过渡动画效果,但是略显粗糙,因为不能够更为精细的控制动画过程,比如只能够在指定的时间段内总体控制某一属性的过渡,而animation属性则可以利用@keyframes将指定时间段内的动画划分的更为精细一些。

  技术图片

知识碎片—— css3动画

标签:获取   过程   mat   时间   实现   效果   英文翻译   使用   技术   

原文地址:https://www.cnblogs.com/wtzmz/p/12702420.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!