眨眼动画突然停止工作
blink animation suddenly stopped working
所以我使用blink webkit框架使我的网站上的内容以黄色/蓝色闪烁。我测试了JS Bin中的代码,它工作了,但由于某种原因它不再工作了。
也许我不小心删除了代码中的一些东西?这快把我逼疯了!!
body{
font-family: 'Jockey One', sans-serif;
font-size: 225px;
position: absolute;
left: 50%;
top: 50%;
-webkit-animation: blink 10s 2s;
animation: blink 10s 2s; transform: translate(-50%,-50%);
-moz-animation-duration: 100ms;
-moz-animation-name: blink;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-webkit-animation-duration: 10000ms;
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-transition-timing-function: linear
animation-duration: 100ms;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
@-webkit-keyframes blink {
0% {color: blue;}
10% {color: yellow;}
20% {color: blue;}
29% {color: yellow;}
38% {color: blue;}
46% {color: yellow;}
54% {color: blue;}
61% {color: yellow;}
68% {color: blue;}
74% {color: yellow;}
80% {color: blue;}
85% {color: yellow;}
90% {color: blue;}
92% {color: yellow;}
94% {color: blue;}
96% {color: yellow;}
98% {color: blue;}
100% {color: yellow;}
}
在@-webkit-keyframes
body {
font-family: 'Jockey One', sans-serif;
font-size: 225px;
position: absolute;
left: 50%;
top: 50%;
-webkit-animation: blink 10s 0s;
animation: blink 10s 0s;
transform: translate(-50%, -50%);
-moz-animation-duration: 100ms;
-moz-animation-name: blink;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-webkit-animation-duration: 10000ms;
-webkit-animation-name: blink;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-transition-timing-function: linear animation-duration: 100ms;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@-webkit-keyframes blink {
0% {color: blue;}
10% {color: yellow;}
20% {color: blue;}
29% {color: yellow;}
38% {color: blue;}
46% {color: yellow;}
54% {color: blue;}
61% {color: yellow;}
68% {color: blue;}
74% {color: yellow;}
80% {color: blue;}
85% {color: yellow;}
90% {color: blue;}
92% {color: yellow;}
94% {color: blue;}
96% {color: yellow;}
98% {color: blue;}
100% {color: yellow;}
}
TEST
相关文章:
- jQuery UI自动完成突然停止工作
- NetBeans调试突然停止工作
- YouTube视频自动播放在iOS 7.0.4中突然停止工作
- jQuery$(document).ready突然停止工作
- 带有jQuery和YQL的Weather突然停止工作
- 函数在简单的更改后突然停止工作
- 旋转内容突然停止工作
- Rails 3.2.3 JavaScript 突然停止工作
- JQuery 函数突然停止工作,转换 Javascript 参数时出错
- IE10视频标签突然停止工作
- Twitter引导程序选项卡突然停止工作
- jQuery:脚本突然停止工作
- 动画scrollTop突然停止工作
- HTML5本地存储功能在我的IOS Phonegap应用程序中突然停止工作
- 我们网站上的谷歌地图突然停止工作了
- Yammer platform_js_sdk.js突然停止工作
- Facebook登录(JavaScript)突然停止工作
- 眨眼动画突然停止工作
- 为什么我YUI滑块上的触摸事件突然停止工作?
- LoopedSlider突然停止工作