css动画效果

1.什么是动画效果？

使元素逐渐从一种样式变为另一种样式。

可以随意更改任意数量的 CSS 属性。

如需使用 CSS 动画，您必须首先为动画指定一些关键帧。（指角色或者物体运动变化中关键动作所处的那一帧，相当于二维动画中的原画）

关键帧包含元素在特定时间（以毫秒为单位）所拥有的样式。

2.写动画效果所需要的属性

 ·animation

·@keyframes

 

 

 ·animation

 

 

  　　animation：      动画名称    动画动的时间    匀速    延迟    无限循环 ；

 

 

 

·@keyframes

@keyframes mymove{
    from {top:0px;}
    to {top:200px;}
}

@-moz-keyframes mymove /* firefox 适用于火狐低配版*/
{
    from {top:0px;}
    to {top:200px;}
}

 

白捡的知识（关键帧）：

关键帧与关键帧之间的动画可以由软件创建添加，叫做 过渡帧 或者中间帧。

. 帧--即动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头，在动画软件的时间轴上，帧表现为一格或者一个标记。

.至于为什么叫做“帧”，是因为这些画面包含了时间和位置的变化关系。.

标签：动画,效果,关键帧,样式,top,keyframes,animation,css
来源： https://www.cnblogs.com/skypink/p/15727385.html