css3动画 - 实现css3推倒动画

问题描述

问 题

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

解决方案

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

这篇关于css3动画 - 实现css3推倒动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！