关于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

源自：十天精通CSS3 8-3

关注问题我要回答

1083

操作

收起

2 回答

从工藤新一到江户川柯南
2016-03-29

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

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);

}

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242548 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

3 回答关于translate(x,y）及居中问题

2 回答关于x和y轴的方向问题

1 回答translate(x，y) x,y的值都是百分比的话，这个百分比是参照什么来计算的？

3 回答阴影的X,Y偏移量是怎么回事

3 回答-webkit-transform: skew(45deg);如何区分是X轴变形还是Y轴呢

搜索更多本课相关问答

关于scale(x,y)

我要回答关注问题

热搜

最近搜索清空

关于scale(x,y)

2 回答

本课相似问答

关于scale(x,y)