transform变换不同顺序不同结果实例页面

展示

代码

• HTML：

  <p><img src="1.jpg" class="transform-1"></p>
  <p><img src="1.jpg" class="transform-2"></p>

• CSS：

  p {
      width: -moz-fit-content;
      width: fit-content;
      border: solid deepskyblue;
  }
  
  .transform-1 {
      transform: translateX(40px) scale(.75);
  }
  .transform-2 {
      transform: scale(.75) translateX(40px);
  }