介绍动画: & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; style>
div
{
宽度:100 px;
身高:100 px;
背景:红色;
位置:相对;
动画:mymove无限;
动画:2 s;/* Safari和Chrome */-webkit-animation: mymove无限;
-webkit-animation-duration: 2 s;
}
@keyframes mymove
{
从{:0 px;}
{:200 px;}
}
@-webkit-keyframes mymove/* Safari和Chrome */{
从{:0 px;}
{:200 px;}
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; p> & lt; strong>注:& lt;/strong> Internet Explorer 9以及更早的版本不支持animation-name属性。;/p>
& lt; div> & lt;/div>
& lt; p> & lt; b>注:& lt;/b>始终规定动画属性,否则时长为0,就不会播放动画了。你们;/p>
& lt;/body>
& lt;/html>
小编给大家分享一下css3中动画属性的作用是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
动画属性是用来定义动画完成一个周期所需要的时间,以秒或毫秒计;当值为0是,表示无动画效果。
<强>作用:动画属性定义动画完成一个周期所需要的时间,以秒或毫秒计。
<强>语法:
时间:规定完成动画所花费的时间。默认值是0,意味着没有动画效果。
<强>注: Internet Explorer 9以及更早的版本不支持动画属性。
效果图:
以上是“css3中动画属性的作用是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
