将变换的左上角定位：缩放元素位于完全相同的位置，因为它没有变换

Question

使用变换放大元素时，其角点的位置会发生变化。我希望左上角的位置保持一致。我尝试使用transform-origin并获得了一些改进，但它仍然不是同一个位置：

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

有什么建议吗？

Answer 1

试试这个。

<p><%= link_to 'Change my password', edit_password_url(@resource, :reset_password_token => @token) %></p>

*{
margin:0;
padding:0;
}

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

p{
display:block;
}