有沒有辦法使用CSS 3創建淡入/淡出效果？

Question

是否有一種方法可以分別在僅使用CSS 3的鼠標懸停/伸出時創建淡入/淡出效果？
如果存在，你會說這是一個很好的方式來實現與CSS只有或沒有這樣的效果？
對我來說，它似乎只是一個演示文稿的問題，所以我不確定爲什麼JavaScript會涉及？

Answer 1

您是否正在尋找類似的產品：http://jsfiddle.net/hRuR9/2/？

這很簡單...

.box{ 
    opacity: 0.0; 
    -webkit-transition: 0.5s all; 
    -moz-transition: 0.5s all; 
} 

.box:hover{ 
    opacity: 1.0; 
} 

至於使用與否是一個好主意，這取決於你的目標受衆，哪些瀏覽器，你要求他們使用，或者想要支持。最新版本的Safari，Chrome和Firefox（我相信Opera）都支持它。不知道最近的IE版本，但你幾乎可以忘記更舊的版本。