<div class="red">
<div class="black">
<div class="blue"></div>
</div>
</div>
Red is the parent container, blue is the child element in black, and the position remains the same.
ask for:
when the black is enlarged, the blue width is filled with red and the top is aligned, the black scaling base point coordinates x code y
.
that is, transform:scale (a certain multiple)
transform-origin
attribute value