Transform的问题

Transform的问题

1、这个transform:scale(-1,1)能实现翻转是怎么回事儿,这不是2d的吗?

2、transform的简写规则是什么,前面没有看到?



正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好同学,解答如下:

1.transform: scale()是设置2d缩放的。这里可以这样理解,老师给你举一个例子:

http://img1.sycdn.imooc.com//climg/5cb701bf0001e34906250340.jpg

当设置缩放为1时,图形正常显示,你可以把第一个值一点一点把值改小

http://img1.sycdn.imooc.com//climg/5cb701220001344f00580068.jpg

例如0.8, 0.5, 0.1,形状慢慢缩小

http://img1.sycdn.imooc.com//climg/5cb702dd000177c103760048.jpg


http://img1.sycdn.imooc.com//climg/5cb7026b0001037800570134.jpg

当等于0时,图片就缩放没了,然后你再一点一点设置成负值,例如-0.1,-0.5,-0.8

http://img1.sycdn.imooc.com//climg/5cb7034000016ba000990135.jpg

就会发现图形从反方向慢慢放大,等设置成-1之后,整个图形就显示正常,所以也实现了翻转的效果哦。

2.transform并没有简写规则,因为它并不是多个属性的简写形式,只不过它可以设置多个值而已。这些值都是它自己的,同学只要记住,它可以同时设置多个值,属性值之间使用空格隔开即可,参考如下形式

http://img1.sycdn.imooc.com//climg/5cb704bf0001e2b706660051.jpg

祝学习愉快 ,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师