要定义CSS动画，我们需要先使用@keyframes 规则来声明关键帧。你还需要给动画命名，便于后面引用。 在@keyframes声明中，我们有两种方法来对它进行定义：关键字from 和 to；或百分比。关键字from 和 to非常适合来定义关键帧。用百分比定义关键帧，从0%关键帧开...
分类：
Web程序 时间：
2015-07-21 16:50:12
阅读次数：
119
1、css3制作无缝滚动背景图片向左移动，改变背景图片的位置。代码如下：/*=====无缝滚动=====*/@keyframes bgRun{ 0%{ background-position: 0 0; } 100%{ background-positi...
分类：
Web程序 时间：
2015-07-19 23:11:01
阅读次数：
142
123456781234567812345678$color:red ,yellow ,blue ,green ,gray ,black ,purple ,orange;@-webkit-keyframes move { 0% { transform: rotateY(0deg)...
分类：
Web程序 时间：
2015-07-18 18:28:36
阅读次数：
119
例如： CSS:@keyframes myfirst { (有的浏览器或者HTML版本过低就的加上-webkit-keyframes)0% {width: 150px;}30% {width: 300px;}50% {width: 500px;}100% {width: 600px;}}.div1....
分类：
Web程序 时间：
2015-07-13 22:16:15
阅读次数：
157
@-webkit-keyframes myfirst{ 0% {background: red} 50% {background: blue} 100%{background: orange}}@keyframes myfirst{ 0% {background: red} 50% {...
分类：
Web程序 时间：
2015-07-05 23:50:16
阅读次数：
234
@-webkit-keyframes rock{0%{transform:rotate(0deg);}10%{transform:rotate(3deg);}20%{transform:rotate(-3deg);}30%{transform:rotate(2deg);}40%{transform:...
分类：
Web程序 时间：
2015-07-05 14:57:51
阅读次数：
147
一、动画效果的常用属性实现动画效果需要借助css3的下列属性：transform,transion,animation（具体可以参见教材）二、动画效果实例 1）文字闪烁的动画效果/*文字的闪烁效果*/@-webkit-keyframes blink{ 0%{ opacity:0...
分类：
Web程序 时间：
2015-06-24 12:26:31
阅读次数：
207
【项目地址】： http://dwz.cn/RYgq7【手机二维码】：【效果】：【代码】
为了更好的体验，请使用竖屏浏览
/* 样式放在结尾，防止 base64 图片造成拥塞 */
@keyframes rotation {
10% {
transform: rotate(90deg)...
分类：
移动开发 时间：
2015-06-21 18:32:17
阅读次数：
4238
渐隐渐显 @-webkit-keyframes cf3FadeInOut { 0% { opacity:1; } 20% { opacity:.8; } 50% { opacity:0.5; } 70%{ opacity: .3;} 100% { opacity:0; } } div.bg { -webkit-animation-name: cf3FadeInOut; -webkit...
分类：
Web程序 时间：
2015-06-17 21:53:26
阅读次数：
209
要搞就搞明白，一知半解时停止研究 损失最大css3意义：CSS3 动画通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。重点知识CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@ke...
分类：
Web程序 时间：
2015-06-14 16:41:09
阅读次数：
167
