欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css3缩放 transform: scale() 使用缩放之后顶点对齐问题

程序员文章站 2024-01-19 09:17:04
...

css3缩放 transform: scale() 使用缩放之后顶点对齐问题

注意点:想要将缩放之后的div对齐顶点,那么需要将css属性设置为:transform-origin: 0 0

<div style="width: 900px; height: 900px; background: gray; overflow: auto;">
    <div style="width: 3000px; height: 3000px; background: indianred; margin: 20px; transform: scale(0.5); transform-origin: 0 0;">
    </div>
</div>

 

相关标签: transform缩放