您的位置:首页技术文章
文章详情页

css3动画 - 实现css3推倒动画

【字号: 日期:2023-06-25 11:02:51浏览:26作者:猪猪

问题描述

想问下这个链接第五张 动效5的动画怎么实现,主要是X轴旋转后 上面边长还是和下面边长一样的 动图上面的边长变短了 效果好 求大神点拨一下

问题解答

回答1:

这么写就好了transform: perspective(400px) rotate3d(1,0,0,60deg);transform-origin: bottom center;这个perspective要写在其他属性前面,额,我也不知道为什么

回答2:

估计是因为你用的还是2D的视角

回答3:

用2D也可以实现啊,近大远小,你旋转X轴的同时缩小顶边的宽度不就好了。

标签: CSS
相关文章: