Question

我想在我的设计中重新调整HTML的一部分。我需要将此更改作为动画发生。

DIV本身及其所有内部元素，即图像，段落，锚点等应该重新调整大小，就像重新调整具有恒定宽高比的图像一样。

我认为，该工具应该获取元素的当前高度和宽度并增加/减少它们，但它不适用于文本，实际上对于需要更改字体大小的文本元素。

我如何在JS，CSS，HTML中执行此操作？

由于

Answer 1

您可以使用CSS transform：scale

.small {
  transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8); /* IE 9 */
  -webkit-transform: scale(0.8, 0.8); /* Safari and Chrome */
  -o-transform: scale(0.8, 0.8); /* Opera */
  -moz-transform: scale(0.8, 0.8); /* Firefox */
}

编辑：reference / credits：Shrink/Grow animation using jQuery/CSS

使DIV和所有子元素变小

1 个答案: