是否可以使用css3规模扩展容器大小（不缩放内容）？

Question

我希望div在用户点击时占用视口。目前，我已将css3过渡到div。并使用javascript设置width和height属性。并且动画发生了。但它并不顺利。它看起来很生涩。

所以，我想使用一些内置函数来扩展。我以css3 scale（）结束了。但它也会扩展内容。我只想让div扩展。不是内容。

这是可以实现的还是有其他方法可以做到这一点？我想实现css3解决方案而不是javascript解决方案。

Answer 1

在纯CSS中有一种hacky方法，即添加内部div来保存内容 - 然后将缩放应用到元素并向内部div本身应用相等的缩放。这样，您的内容将保持相同的大小。