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

前端 - css3 3d效果问题

浏览：275日期：2023-07-31 10:16:55

问题描述

如图，要做一个如下的具有3d效果的视图，前端 - css3 3d效果问题

对于上下两个框，我用css的rotateX，然后又用了translateZ移动了位置，然而出现的如下的效果，前端 - css3 3d效果问题

上下两个框并没有出现上图有由近及远的‘梯形状’。请问如何解决？

问题解答

回答1：

没有为父元素设置perspective和perspective-origin属性吧，还要设置transform-style为3d。

标签： CSS
上一条：css3 - 想用rem给width与height进行赋值时，该怎么计算呢？以谁为参照物呢？下一条：css3 - 请问，如何通过CSS实现高度height随宽度width变化而变化，保持长宽比例不变，宽度是根据父元素宽度变化的？
相关文章：
1. css - 关于Flex布局的问题2. javascript - 微信公号里采用七牛上传视频部分手机不能选择文件3. java - 如何分割形如(operator arg1 arg2 ... argn)的字符串？4. javascript - yo创建angular报错5. python - celery beat 调度如何运行期间动态添加任务？6. javascript - react能够使用什么时间插件7. html5 - bootstrap修改样式的问题8. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果9. PHP中的$this代表当前的类还是方法？10. javascript - nodejs报错 打开localhost:3000 就报错
排行榜
android glide asbitmap 在baseadpter中的问题
android glide asbitmap 在baseadpter中的问题
1. css - 关于Flex布局的问题
2. javascript - 微信公号里采用七牛上传视频部分手机不能选择文件
3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
4. html5 - bootstrap修改样式的问题
5. docker-machine添加一个已有的docker主机问题
6. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果
7. python - celery beat 调度如何运行期间动态添加任务？
8. docker gitlab 如何git clone？
9. javascript - react能够使用什么时间插件
10. javascript - yo创建angular报错
热门标签