0
A
回答
6
確定有你的問題,相應地更新我的答案,最好的,至少你可以做的就是這個樣子
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;}
}
相關問題
- 1. jQuery調用CSS3淡入淡出動畫?
- 2. 淡入/淡出CSS3
- 3. wpf動畫淡入淡出和淡出
- 4. 動畫淡入淡出
- 5. 淡入淡出動畫
- 6. jQuery動畫淡入淡出
- 7. CSS動畫淡入淡出
- 8. NSGradient淡入淡出/動畫
- 9. 淡入淡出動畫UITableViewCell
- 10. android:淡入淡出動畫
- 11. 動畫UILabel淡入/淡出
- 12. 淡入淡出動畫(UIViewAnimation)
- 13. 淡入淡出動畫
- 14. CSS3淡入淡出而不是滑動?
- 15. 最好的淡入淡出加載css3動畫的方法
- 16. 淡入,淡出動畫到uilabel
- 17. 淡入淡出相關的div動畫
- 18. @keyframes動畫文字淡入淡出
- 19. CATransaction動畫淡入淡出uiviews
- 20. 優化淡入淡出框動畫
- 21. UIImageView在動畫之間淡入淡出
- 22. jQuery淡入淡出,動畫和切換?
- 23. Jquery淡入淡出動畫問題
- 24. jquery動畫和淡入/淡出問題
- 25. 禁用淡入淡出動畫
- 26. Android:平滑淡入淡出動畫
- 27. 交叉淡入淡出動畫
- 28. JQuery Masonry淡入淡出動畫
- 29. CSS交叉淡入淡出動畫
- 30. TextView動畫 - 淡入,等待,淡出
這只是衰格的。我原來的jsfiddle淡入一個div然後OUT-但我期待,使之短期和簡單。 – James
@詹姆斯哦,是的,我看到了.. –
有沒有什麼辦法可以縮短原創? – James