使用Angularjs動畫更改懸停上的元素

所以這只是我嘗試做的一個示例。我想用Angularjs來製作懸浮元素的不透明度，但我無法做到。我一直在閱讀文檔，但我似乎無法弄清楚什麼是錯的。任何幫助表示讚賞。見下面的例子。使用Angularjs動畫更改懸停上的元素

預先感謝您

2013-12-07 Chad Watkins

在ng-animate的上下文中，輸入*和* leave *表示輸入和離開動畫顯示或隱藏元素，而不是鼠標交互。 – kontur

，如果你想在hover轉變你並不需要使用angular：

.reveal-animation { 
    // add the vendor prefixed versions as well 
    transition: all 1s; 
} 

.reveal-animation:hover { 
    opacity: 0.5; 
}

應該足夠了。

如果你想動畫進入和離開元素，你就需要使用一些更加棱角結構，以確保元素並進入和離開這樣的：http://jsbin.com/iwudOjAW/1/edit（同時包含hover和enter/leave效果）。

我已經使用了ng-route module，並通過更改URL的散列值使ng-view元素enter和leave生效。

來源

2013-12-08 00:14:27

您沒有回覆OP的問題... –

@aks。我不確定你指的是哪一部分。據我所知，對OP的問題有兩種解釋：使用角度（從他的文本）對動畫懸停交互進行動畫處理，或者從他的代碼中對ng-enter和ng-leave進行動畫處理。我在第一個答案中觸及了兩個基礎：第一個：使用CSS作爲角度沒有（也不需要）控制這種行爲，第二個：動畫「ng-enter」和「ng- leave'。目前尚不清楚哪一部分未得到解決。 –

使用Angularjs動畫更改懸停上的元素

回答

相關問題