问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

简述css3动画规则,有哪些关键字

发布网友 发布时间:2022-04-28 14:23

我来回答

2个回答

懂视网 时间:2022-04-28 18:45

CSS3 @keyframes 规则

标签定义及使用说明

使用@keyframes规则,你可以创建动画。

创建动画是通过逐步改变从一个CSS样式设定到另一个。

在动画过程中,您可以更改CSS样式的设定多次。

指定的变化时发生时使用%,或关键字"from"和"to",这是和0%到100%相同。

0%是开头动画,100%是当动画完成。(推荐学习:CSS3视频教程。)

为了获得最佳的浏览器支持,您应该始终定义为0%和100%的选择器。

注意: 使用animation属性来控制动画的外观,还使用选择器绑定动画。.

语法

@keyframes animationname {keyframes-selector {css-styles;}}

说明
animationname
必需的。定义animation的名称。
keyframes-selector

必需的。动画持续时间的百分比。

合法值:

0-100%
from (和0%相同)
to (和100%相同)

注意: 您可以用一个动画keyframes-selectors。

css-styles
必需的。一个或多个合法的CSS样式属性

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS3</title> 
 <style> 
 div
 {
 width:100px;
 height:100px;
 background:blue;
 position:relative;
 animation:mymove 5s infinite;
 -webkit-animation:mymove 5s infinite; /* Safari and Chrome */
 }
 
 @keyframes mymove
 {
 0% {top:0px; background:blue; width:100px;}
 100% {top:200px; background:yellow; width:300px;}
 }
 
 @-webkit-keyframes mymove /* Safari and Chrome */
 {
 0% {top:0px; background:blue; width:100px;}
 100% {top:200px; background:yellow; width:300px;}
 }
 </style>
</head>
<body>

<p><strong>注意:</strong> @keyframes 规则不兼容 IE 9 以及更早版本的浏览器.</p>

<div></div>

</body>
</html>

热心网友 时间:2022-04-28 15:53

去看css3开发手册
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
焦作有哪些旅行景点值得一去? 河南穿古装去的地方 AE入门从学会套模板开始,AE模板套用简易教程,看起来复杂的AE其实也很... ae怎么套用模板ae模版的使用方法 北京通州区有什么好玩的地方吗 请问现在有哪些看电影的网站?越多越好~~ 帮初中女儿请假一天讲身体不适,班主任却跟别的老师讲她得了大病,该如何... 梦见家中被盗空只剩一件绿色衣的预兆 梦见美丽沙穗 美版4s内置卡贴有什么危害? 增值税发票税控开票软件密码忘记了怎么办 增值税发票税控开票软件(金税盘版)用户密码和证书口令忘记了怎么办? 增值税发票税控开票软件的密码和证书口令忘记了怎么办? 增值税发票税控开票软件的密码和证书口令忘记的怎么办? 税控发票开票软件口令忘记了怎么找回 税控盘证书口令忘记了如何找 **税控开票软件金税盘版 忘记登录密码和口令怎么办_百度问一问 税控盘管理员登录密码忘了怎么办 税控盘密码忘了怎么办?求高手指教 税控盘密码忘了怎么办怎么重置 国务委员官大,还是广州市长大? 政治局委员,和国务院副总理级别一样吗? 国务委员就相当于副总理对吧 国务委员公安部部长大还是省委书记的 政治局委员同国务委员是一个级别吗? 国务委员与各部部长的区别? 政治局委员和国务委员的区别? 肖捷是属于什么级别官 国务委员 与政治局委员谁大 农业银行定期存款丢失怎么办 泰星Bie是中泰混血吗? 泰国当红明星bie的中文名字 素格力.威塞哥(泰国BIE)的资料 泰国bie的资料 泰国明星BIE都演过什么电视剧 泰国明星BIE都演过哪些电视剧 bie现在仍然是泰国最红的男偶像吗?还是已经被新进的男明星给取代了? 给保健品公司的感谢信怎么写 我想写一封给保健品推销员的感谢信,会写的帮忙写一下,谢谢了! 最近,家里老人总是参加索恒中草药养生堂的活动,吃一些保健品,还要写感谢信,这是一家什么样的机构呢 给喜来健的感谢信要怎么写?? 给老大送礼,送什么好? 神六螺旋藻事件的虚假谎言 感谢信的万能句子有哪些? 五行奋询,昊字,五行是什么? 美罗保健品和大道堂哪个更好 昊五行属什么的 昊 五行属什么? 昊字在五行中属于阳金还是阴金? plc电气工程师 笔试题目是什么