css - 将变换的左上 Angular 放置:缩放后的​​元素与没有变换时的位置完全相同

使用变换按比例放大元素时，其角的位置会更改。我希望其左上角的位置保持不变。我尝试使用transform-origin对此进行了一些改进，但仍然不在同一位置：

.logo {
  transform: scale(1.25);
  transform-origin: 0 0;
}

有什么建议吗？

最佳答案

尝试这个。

*{
margin:0;
padding:0;
}

.logo{
transform:scale(1.25);
transform-origin:top left;
}

p{
display:block;
}

<p>Before</p>
<div><img src="https://placehold.it/100x100">
<p>After</p>
<div class="logo"><img src="https://placehold.it/100x100">

关于css - 将变换的左上 Angular 放置:缩放后的​​元素与没有变换时的位置完全相同，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43327549/