【发布时间】:2015-03-04 17:10:48
【问题描述】:
如果我有一个 div(按钮),里面有一个图标,旁边有标签,除非鼠标悬停,否则标签是隐藏的。
________
| |
| :-) |
|______|
_____________________
| |
| :-) Hello World! |
|____________________|
在您决定添加过渡效果之前,创建它并不难。
在我的情况下会发生什么 - 它立即展开容器,然后慢慢打开标签。我希望他们一起扩展。我该怎么做?
谁能给我举个例子。
我尝试过使用 ng-hide, ng-hide-remove 类,尝试使用 flex-box,添加、删除自定义类 - 仍然无法找到优雅的方法。
【问题讨论】:
-
ng-hide与display属性一起使用。你不能用它来制作动画。 -
是的...现在,告诉我一些我不知道的事情:)
-
编写一个自定义指令来设置高度和宽度。它不适用于显示的原因是因为显示没有比例,它可以打开,关闭或打开,具有块/内联等属性。您可以使用不透明度或宽度/高度,具体取决于您希望动画发生的方式。
标签: angularjs css-transitions ng-animate