html 背景不是图片是动画,使用CSS3动画更改背景图像

为什么这不起作用？我究竟做错了什么？

的CSS

@-webkit-keyframes test {

0% {

}

20% {

}

40% {

}

60% {

}

80% {

}

100% {

}

div {

float: left;

width: 200px;

height: 200px;

-webkit-animation-name: test;

-webkit-animation-duration: 10s;

-webkit-animation-iteration-count: 2;

-webkit-animation-direction: alternate;

-webkit-animation-timing-function: linear;

}

演示

http://jsfiddle.net/hAGKv/

提前致谢！

html 背景不是图片是动画,使用CSS3动画更改背景图像相关推荐

css+动画优化,css3动画性能优化--针对移动端卡顿问题
一.使用css,jquery,canvas制作动画 1.Canvas 优点:性能好,强大,支持多数浏览器(除了IE6.IE7.IE8),画出来的图形可以直接保存为 .png 或者 .jpg的图形: 缺 ...
js动画与css3动画的区别
欢迎学习交流!!! 持续更新中- 文章目录 JS动画(逐帧动画) css3(补间动画) 总结 JS动画(逐帧动画) 首先,在js动画是逐帧动画,是在时间帧上逐帧绘制帧内容,由于是一帧一帧的话,所以其可 ...
html css雪花动画效果,css3动画雪花特效
分享一个用强大的css3动画做的雪花背景,做网站背景很漂亮~ 补充一点关于animation的知识点 animation 必填项 animation-name 动画名称(关键帧名称) animatio ...
html动画效果结束返回,javascript判断css3动画结束 css3动画结束的回调函数
本文主要给大家介绍的是如何使用javascript判断CSS3动画效果结束,主要是使用了javascript的回调函数,其思路是一旦动画或变换结束,回调函数就会触发.不再需要大型类库支持,非常的简单实 ...
html5监听动画结束,css3动画是否结束监听事件
css3动画是否结束监听事件: var domObj = $("#id"); domObj [0].addEventListener("webkitAnimationEn ...
js动画和css3动画的差异性
js动画 ①灵活②兼容性好 ①在主线程中运行,容易丢帧 ②比css动画复杂 css动画 ①笨重②代码冗长 1.浏览器可以对动 ...
JavaScript 动画和CSS3动画有什么区别? (前端面试题！必会)
1.CSS动画优点: 1.1)浏览器可以对动画进行优化. 1.1.1 )浏览器使用requestAnimationFrame 比起setTimeout, setInterval 设置动画的优势主要是 ...
JavaScript动画和CSS3动画的区别
一.CSS动画优点浏览器可以对动画进行优化浏览器使用域requestAnimationFrame类似的机制,requestAnimationFrame比起setTimeout,setInterv ...
css3动画作品,CSS3 动画
CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts. CSS3 动画 CSS3 @keyframes 规则要创建CSS3动画,你将不得不了解@keyfr ...

html 背景不是图片是动画,使用CSS3动画更改背景图像

html 背景不是图片是动画,使用CSS3动画更改背景图像相关推荐

最新文章

热门文章