【问题标题】:Container that grows with the text随文本增长的容器
【发布时间】:2015-03-04 17:10:48
【问题描述】:

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

________
|      |
| :-)  |
|______|

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

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

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

谁能给我举个例子。

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

【问题讨论】:

  • ng-hidedisplay 属性一起使用。你不能用它来制作动画。
  • 是的...现在,告诉我一些我不知道的事情:)
  • 编写一个自定义指令来设置高度和宽度。它不适用于显示的原因是因为显示没有比例,它可以打开,关闭或打开,具有块/内联等属性。您可以使用不透明度或宽度/高度,具体取决于您希望动画发生的方式。

标签: angularjs css-transitions ng-animate


【解决方案1】:

我想我已经找到了一种使用widthtransform:scale() 使其工作的方法

【讨论】:

  • 分享解决方案!也很有趣!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-28
  • 1970-01-01
相关资源
最近更新 更多