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;} 
}