CSS3淡入淡出动画

Question

我想结合2个淡入和淡出的CSS3动画。谁能帮我这个？
这是我迄今为止 -

jsFiddle

Answer 1

确定有你的问题，相应地更新我的答案，最好的，至少你可以做的就是这个样子

Demo

Actual Markup + Styles Required （除非和所有浏览器完全支持CSS3动画，否则不要使用它）

HTML

<div class="out"><span>example</span></div> 

CSS

div { 
    animation:demo 7s; 
    -moz-animation:demo 7s; /* Firefox */ 
    -webkit-animation:demo 7s; /* Safari and Chrome */ 
    -o-animation:demo 7s; /* Opera */ 
    animation:demo 7s infinite; 
} 

@keyframes demo { 
    0% {opacity:0;} 
    50% {opacity:1;} 
    100% {opacity:0;} 
} 

@-moz-keyframes demo { /* Firefox */ 
    0% {opacity:0;} 
    50% {opacity:1;} 
    100% {opacity:0;} 
} 

@-webkit-keyframes demo { /* Safari and Chrome */ 
    0% {opacity:0;} 
    50% {opacity:1;} 
    100% {opacity:0;} 
} 

@-o-keyframes demo { /* Opera */ 
    0% {opacity:0;} 
    50% {opacity:1;} 
    100% {opacity:0;} 
}