前端CSS动画框架animate.css使用说明
1、首先在head中引入下载的animate.css文件 然后你想要哪个元素进行动画，就给那个元素添加上animated类 以及特定的动画类名，animated是每个要进行动画的元素都必须要添加的类。
2、Hover.css CSShake可以让你的元素摇晃起来，可以是轻轻的摇晃，水平的摇晃，也可以是疯狂的摇晃。CSShake 这是Reveal.js的作者Hakim El Hattab的个人网站，上面有很多交互和CSS动画的demo，项目大多是开源的。
3、这个是css3动画集成在一起的样式，只要在html中加入相应的类名就可以调用这个动画。
css动画用什么规则
keyframes规则用于指定动画规则，定义一个CSS动画的一个周期的行为；可通过沿动画序列建立关键帧来指定动画序列循环期间的中间步骤。动画是使用可变的CSS样式创建的；在动画期间，CSS属性可以多次更改。
用法： transform-origin： (x， y) ，其中 x 和 y 的值可以是百分比、rem 或者是 px 等等，也可以用表示位置的单词来表示例如：x 可以用 left 、 center 、 right ；y 可以用 top 、 center 、 bottom 。
可以使用CSS中的animation属性和@keyframes规则来实现图片自上而下落下来的动画效果。
@keyframes规则相当于一个命名空间，后面跟一个名词，如果在class中的animation-name定义了与之对应的name就可以执行动画。animation-duration属性animation-duration属性用于指定执行一个周期动画应该花多长时间。
CSS 的动画属性有很多，其中包括：animation、animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count 和 animation-direction。
@keyframes规则。from{属性：值；} to{属性：值；}。0%{属性：值；} 100%{属性：值；}0% 是动画的开始，100% 是动画的完成。可以在二者之间加入25%，50%等。
CSS详细认识制作动画的几个属性
【相关视频教程：CSS3教程】css3的动画属性animation-name属性animation-name属性：定义动画名称，用于指定由规则定义的动画的一个或多个名称。
下面说一下制作动画的步骤：一：自己要清楚自己所要做的动画的一个整体形态，首先就是要建模二：拆分动画形态，就是每帧的形态，或者是一个时长动画的开始和结束形态，中间过程的变化形态。
animation 所有动画属性的简写属性，除了 animation-play-state 属性。animation-name 规定 @keyframes 动画的名称。animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。
wx小程序动画Animation和Css帧动画
1、首先需要定义一套关键帧，关键帧的定义方式比较特殊，它使用了关键字@keyframes来定义动画。这里可以用from{}to{}或者用百分比充当时间点。
2、微信小程序圆形波浪循环效果，是通过SVG(可缩放矢量图形)和CSS3动画技术实现的。具体来说，是通过创建一个SVG的圆形路径，然后利用CSS3的动画来对圆形路径进行填充来实现的。
3、不支持。微信小程序是一种不需要下载安装即可使用的应用，该程序没有运行css3动画的功能，所以是不支持css3动画的。css3动画是使元素从一种样式逐渐变化为另一种样式的效果。
4、我们主要用wx：createAnimation({})来设置一些参数，例如持续时间、延时、加载方式等，用export()来开启动画，在页面上调用animation=”{{动画名称}}”。
5、animation 帧动画是通过一帧一帧的画面按照固定顺序和速度播放，如电影胶片。可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。
6、动画和过渡类似，都是可以实现一些动态的效果，不同的是过渡需要在某个属性发生变化时才会触发， 动画可以自动触发动态效果。
css3循环动画在第一次执行的时候可以设置多少秒之后开始执行,但到了下...
1、规定动画开始时的等待时间：animation-delay：时间；可以为秒、毫秒2s，2ms。播放次数：animation-iteration-count：次数；永久播放的值取infinite。
2、解释：该动画，在停留1秒后开始执行，执行3次，每次执行时间为2秒，在2秒时间执行完成rainbow定义的关键帧样式，然后分步执行，有卡顿效果。
3、animation-duration属性animation-duration属性用于指定执行一个周期动画应该花多长时间。时间以秒或毫秒指定，并且最初设置为“0”，这意味着动画即时发生；我们可以指定一个持续时间或多个以逗号分隔的持续时间。
4、delay只针对第一次有效，貌似没有其他属性可以直接控制循环间隔，不过可以修改keyframes里的百分比，比如你原本的动画0%到100%，完成需要3s，间隔3s。
5、动画循环执行的次数，无单位，infinite为无限循环。animation-direction 。。动画播放的方向或者顺序 如果动画循环，循环的方式是：alternate(偶数次向前播放，奇数次向后播放)、normal(每次都向前播放)animation-play-state 。
请教前辈们:css样式表先后顺序!!!
CSS 的作用范围顺序如下：浏览器默认样式：浏览器对所有 HTML 元素都有一些默认的样式，如 font-size、color、margin、padding 等。
CSS 优先规则1： 最近的祖先样式比其他祖先样式优先级高。
CSS样式是按照从左往右的顺序执行的，但一般没必要太计较，只要把想要的都设置好了就行了。
这样属于第二读取方式。直接写在对应的页面。延伸阅读：每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。
css样式采取的就近样式原则。行内样式优先级最高，没有行内样式那么会回在页答面找内嵌样式。名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。
由高到低依次是内联样式，即在标签里面写上style=** 然后是内链样式，即在head钞票里写上style 最后一种是外联样式 在head里引入link标签，纯手打。
关于css动画和display哪个先执行和css动画区别的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。