扫码关注官方订阅号
我按照视频里的一字不差的写下来,为什么表现形式是飞到了九霄云外而不是以图形中心为基点放大?求助万能的SF。。。
学习是最好的投资!
以图形为中心放大是scale吧
scale
你这段css代码是达不到你的需求的。以图形中心(设置基点):-webkit-transform-origin: XX XX;这个属性是设置旋转元素的基点位置放大:-webkit-transform: scale();
-webkit-transform:translateZ(-500px);是直接在z轴方向的平移。。。
谢邀!我在你代码的基础上修改了一下。demo你是要的这种效果吗?你可以看一下以下两篇文章,对你会有所帮助。CSS3详解:transformCSS3 3D transform变换
注意我demo虽然已经给你标注了,但是还是想提醒一下scale(2.0)2.0为要变化的元素的二倍。
scale(2.0)
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
以图形为中心放大是
scale吧你这段css代码是达不到你的需求的。
以图形中心(设置基点):-webkit-transform-origin: XX XX;这个属性是设置旋转元素的基点位置
放大:-webkit-transform: scale();
-webkit-transform:translateZ(-500px);是直接在z轴方向的平移。。。
谢邀!
我在你代码的基础上修改了一下。
demo
你是要的这种效果吗?
你可以看一下以下两篇文章,对你会有所帮助。
CSS3详解:transform
CSS3 3D transform变换
注意我demo虽然已经给你标注了,但是还是想提醒一下
scale(2.0)2.0为要变化的元素的二倍。