Created
April 13, 2015 03:34
-
-
Save jkfzero/5da83e1a2df3295a7d16 to your computer and use it in GitHub Desktop.
图标闪烁的css动画
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @keyframes twinkling{ | |
| 0%{ | |
| opacity:0; /*透明度为0*/ | |
| } | |
| 100%{ | |
| opacity:1; /*透明度为1*/ | |
| } | |
| } | |
| @-ms-keyframes twinkling{ | |
| 0%{ | |
| opacity:0; /*透明度为0*/ | |
| } | |
| 100%{ | |
| opacity:1; /*透明度为1*/ | |
| } | |
| } | |
| @-moz-keyframes twinkling{ | |
| 0%{ | |
| opacity:0; /*透明度为0*/ | |
| } | |
| 100%{ | |
| opacity:1; /*透明度为1*/ | |
| } | |
| } | |
| @-webkit-keyframes twinkling{ | |
| 0%{ | |
| opacity:0; /*透明度为0*/ | |
| } | |
| 100%{ | |
| opacity:1; /*透明度为1*/ | |
| } | |
| } | |
| @-o-keyframes twinkling{ | |
| 0%{ | |
| opacity:0; /*透明度为0*/ | |
| } | |
| 100%{ | |
| opacity:1; /*透明度为1*/ | |
| } | |
| } | |
| .rightNext{ | |
| /*Some code*/ | |
| animation: twinkling 1s linear 0 infinite alternate; | |
| -webkit-animation:twinkling 1s linear 0 infinite alternate; | |
| -moz-animation:twinkling 1s linear 0 infinite alternate; | |
| -o-animation:twinkling 1s linear 0 infinite alternate; | |
| -ms-animation:twinkling 1s linear 0 infinite alternate; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment