css - Angularjs アニメーションを使用してホバー時に要素を変更する

Question

これは私がやろうとしていることのほんの一例です。Angularjs を使用して、ホバー時に要素の不透明度をアニメーション化したいのですが、何もできません。ドキュメントを読んでいますが、何が問題なのかわかりません。どんな助けでも大歓迎です。以下の例を参照してください。

http://jsbin.com/AdIXIKU/1/edit

前もって感謝します

Answer 1

angularトランジションが必要な場合は使用する必要はありませんhover:

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

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

十分なはずです。

要素の出入りをアニメーション化する場合は、要素が次のように出入りするように、さらに角度のある構造を使用する必要がありhoverます。enter/leave効果）。

ng-routeモジュールを使用してng-view要素enterを作成しleave、URL のハッシュを変更しました。