文章详情页
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. javascript - 关于一段 for 循环代码执行顺序的问题2. docker 17.03 怎么配置 registry mirror ?3. docker网络端口映射,没有方便点的操作方法么?4. 求解答:访问不了虚拟服务器的问题?5. golang - 用IDE看docker源码时的小问题6. javascript - 静态页面引公共头尾文件,js怎么写吖?7. javascript - vue 前端渲染项目SEO8. java - 3个dao的数据根据请求参数选择一个映射到一个url上,怎么写比较好?9. javascript - 读取页面源码,页面中所有的换行都被当成<br/>读取出来 了,,求解应该怎么让它被正确的解析10. docker - 各位电脑上有多少个容器啊?容器一多,自己都搞混了,咋办呢?
排行榜