關于scale(x,y)
在8-3一節中，我設置這樣的css：
.wrapper div:hover{
? opacity: 0.5; ?
-webkit-transform: scale(-.8);
? -moz-transform: scale(-.8);
? transform: scale(-.8);
}
為什么鼠標經過的時候不僅是圖片縮小，而且文字也被倒置了呢？？
舉報
0/150
提交
取消
在8-3一節中，我設置這樣的css：
.wrapper div:hover{
? opacity: 0.5; ?
-webkit-transform: scale(-.8);
? -moz-transform: scale(-.8);
? transform: scale(-.8);
}
為什么鼠標經過的時候不僅是圖片縮小，而且文字也被倒置了呢？？
2016-01-14
舉報
2016-03-29
因為設置的負數吧。等于縮到0又繼續向前結果左右和上下對調了
2016-01-14
雖然不知道是什么原因造成的，但是可以在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);
}