2012-06-30 80 views
0

我想要一个div在用户点击时占用视图端口。目前,我已将css3转换为div。并使用javascript设置宽度和高度属性。并发生动画。但并不顺利。它看起来生涩。是否可以使用css3 scale缩放容器大小(不缩放内容)?

所以,我想用一些内置的函数进行缩放。我以css3 scale()结束。但它也会扩展内容。我只想让div扩展。不是内容。

这是可以实现的吗?还有其他方法可以做到吗?而我想实现css3解决方案而不是JavaScript解决方案。

+0

如何将宽度和高度的尺寸变化?一旦你删除了比例尺,动画就会运行得更顺畅,因为它需要相当大的计算能力。 – Neograph734

+0

我已经在做。但看起来并不顺利。 –

+0

我阅读它的方式是通过使用javascript来改变尺寸。我的建议是使用css转换(抱歉不清楚)。然后,您可以使用javascript将对象的类更改为“触发”动画。 – Neograph734

回答

1

在纯CSS中有这样做的办法,即添加一个内部div来保存内容 - 然后将比例应用到元素并将相同比例应用到内部div本身。这样,您的内容将保持相同的大小。