css动画效果

1.什么是动画效果?

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

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

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

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

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

 ·animation

·@keyframes

 

 

 ·animation

 

css动画效果

 

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

 

css动画效果

 

 

·@keyframes

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

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

 

白捡的知识(关键帧):

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

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

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

上一篇:线性表--堆栈


下一篇:Flutter自定义下拉刷新和上拉刷新