Html 如何使div中的所有内容在转换时以相同的比例展开

我的页面有一部分在一个div下，有一个图像和不同大小的文本。在悬停状态下，我希望一切都变大，但保持相同的比例。如何在不手动查找内部每个元素的完美过渡大小的情况下执行此操作？

只需变换div即可

div:悬停{
变换：比例（0.8）；
变换原点：左上角；
转换：转换200ms；
}

JS-Bin


你好

有没有办法将缩放转换链接到css3转换？我正在尝试过渡：1度线性；但答案是无效的。。您需要

转换：转换1s

而不是

缩放