css - 使用 Angularjs 动画在悬停时更改元素

Question

所以这只是我正在尝试做的一个示例。我想使用 Angularjs 为悬停时元素的不透明度设置动画，但我无法让它做任何事情。我一直在阅读文档，但我似乎无法弄清楚出了什么问题。任何帮助表示赞赏。请参见下面的示例。

先感谢您

score 2 · Accepted Answer

angular如果您想要转换，则不需要使用hover：

.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模块并通过更改 URL 的哈希来制作ng-view元素。enterleave

1 回答 1