的box-shadow過渡不工作

Question

我要一箱的影子出現在懸停和過渡到它。我有下面的課程。陰影出現，但沒有過渡。

我在Chrome瀏覽器在看它，可以看到的轉變都在懸停和無懸停狀態的開發工具中應用。

.node{ 
    -webkit-transition: box-shadow .25s linear; 
    -moz-transition: box-shadow .25s linear; 
    -ms-transition: box-shadow .25s linear; 
    -o-transition: box-shadow .25s linear; 
    transition: box-shadow .25s linear; 
} 

.node:hover{ 
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); 
} 

現在，這是轉折點。如果我將轉換屬性應用於容器上設置的ID，那麼它的工作原理！？使用ID與類設置元素轉換有什麼不同？

Answer 1

我和Sam同意，好像有什麼東西覆蓋的風格。嘗試更具體的選擇器。

例如，如果你是HTML的設置，像這樣：

<div class="item"> 
    <a class="node">Info</a> 
</div> 

嘗試更加具體的，象這樣的選擇：

.item a.node:hover { 
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); 
} 

我希望幫助。

Answer 2

.node:hover{ 
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); 
-webkit-transition: .25s linear 0s; 
-moz-transition: .25s linear 0s; 
-o-transition: .25s linear 0s; 
transition: .25s linear 0s 
} 

試試這個。其作品。