Javascript 是否可以使用css3 scale仅缩放容器大小(而不缩放内容)?
我想要一个div在用户单击它时占据查看端口。目前,我已经将css3转换设置为div,并使用javascript设置width和height属性。动画就会发生。但这并不顺利。它看起来很脆 所以,我想使用一些内置函数来进行缩放。我以css3 scale()结束。但它也可以扩展内容。我只想让部门扩大。不是内容Javascript 是否可以使用css3 scale仅缩放容器大小(而不缩放内容)?,javascript,css,css-transitions,Javascript,Css,Css Transitions,我想要一个div在用户单击它时占据查看端口。目前,我已经将css3转换设置为div,并使用javascript设置width和height属性。动画就会发生。但这并不顺利。它看起来很脆 所以,我想使用一些内置函数来进行缩放。我以css3 scale()结束。但它也可以扩展内容。我只想让部门扩大。不是内容 这是可以实现的还是有其他方法可以实现?我想实现css3解决方案,而不是javascript解决方案。在纯CSS中,有一种黑客方法可以实现这一点,即添加一个内部div来保存内容,然后将比例向上应用
这是可以实现的还是有其他方法可以实现?我想实现css3解决方案,而不是javascript解决方案。在纯CSS中,有一种黑客方法可以实现这一点,即添加一个内部div来保存内容,然后将比例向上应用到元素,并将相等的比例向下应用到内部div本身。这样,您的内容将保持不变大小 仅将尺寸更改为宽度和高度如何?一旦你移除缩放,动画应该运行得更平滑,因为它需要相当大的计算能力。我已经在做了。但它看起来并不平滑。我读到的方式是,你正在使用javascript改变维度。我的建议是使用css转换(很抱歉不清楚)。然后,您可以使用javascript更改对象的类以“触发”动画。真正的问题是抖动。也就是说,发布代码和/或创建带有此问题的JSFIDLE。试图在某些问题上添加新代码可能会造成更多的复杂性。我会在你遇到更大的问题之前解决更小的问题。