问答详情
源自：8-3 CSS3中的变形--缩放 scale()

关于scale(x,y)

在8-3一节中，我设置这样的css：

.wrapper div:hover{

  opacity: 0.5;  

-webkit-transform: scale(-.8);

  -moz-transform: scale(-.8);

  transform: scale(-.8);

}

为什么鼠标经过的时候不仅是图片缩小，而且文字也被倒置了呢？？

提问者：嗜睡剪刀手_爱德华 2016-01-14 09:51

个回答

  • 从工藤新一到江户川柯南
    2016-03-29 15:42:58

    因为设置的负数吧。等于缩到0又继续向前结果左右和上下对调了

    0
  • 嗜睡剪刀手_爱德华
    2016-01-14 10:10:43

    虽然不知道是什么原因造成的，但是可以在transform中使用多重属性值再把文字旋转回来，如下：

    .wrapper div:hover{

      opacity: 0.5;  

    -webkit-transform: scale(-.8) rotate(180deg);

      -moz-transform: scale(-.8) rotate(180deg);

    -o-transform: scale(-.8) rotate(180deg);

      transform: scale(-.8) rotate(180deg);

    }


    0