随文本增长的容器

时间:2015-01-06 23:02:16

标签: angularjs css-transitions ng-animate

如果我有一个div(按钮),里面有一个图标,旁边有标签,除非鼠标悬停,否则标签会被隐藏。

________
|      |
| :-)  |
|______|

_____________________
|                    |
| :-)  Hello World!  |
|____________________|

在您决定添加过渡效果之前,创建起来并不困难。

在我的情况下会发生什么 - 它会立即展开容器,然后慢慢打开标签。我希望他们一起扩大。我该怎么做?

有人能告诉我一个例子。

我尝试过使用ng-hide, ng-hide-remove类,尝试使用flex-box,添加,删除自定义类 - 仍然无法找到优雅的方法。

1 个答案:

答案 0 :(得分:0)

我认为我已经找到了一种方法,可以使用widthtransform:scale()