文章详情页
css3动画 - 实现css3推倒动画
问题描述
想问下这个链接第五张 动效5的动画怎么实现,主要是X轴旋转后 上面边长还是和下面边长一样的 动图上面的边长变短了 效果好 求大神点拨一下
问题解答
回答1:这么写就好了transform: perspective(400px) rotate3d(1,0,0,60deg);transform-origin: bottom center;这个perspective要写在其他属性前面,额,我也不知道为什么
回答2:估计是因为你用的还是2D的视角
回答3:用2D也可以实现啊,近大远小,你旋转X轴的同时缩小顶边的宽度不就好了。
标签:
CSS
相关文章:
1. angular.js - 请教angularjs里html和js通信的问题2. angular.js - angular2 属性组件与控件组件之间如何通信3. node.js - 怎么在初始化的时候使得一个子组件不加载?4. 求解决方法:Parse error: syntax error, unexpected5. Linux服务器下怎么把phpStudy卸载干净6. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();7. MySQL数据库中间件如何实现分布式事务8. mysql - 优惠券表应该怎么建,求帮助9. 没有输出结果,也没有报错信息10. 新人做网站求帮助
排行榜