文章详情页
前端 - css3 3d效果问题
浏览：196日期：2023-07-31 10:16:55
问题描述
如图，要做一个如下的具有3d效果的视图，
对于上下两个框，我用css的rotateX，然后又用了translateZ移动了位置，然而出现的如下的效果，
上下两个框并没有出现上图有由近及远的‘梯形状’。请问如何解决？
问题解答
回答1：没有为父元素设置perspective和perspective-origin属性吧，还要设置transform-style为3d。
标签：
CSS
上一条：css3 - 想用rem给width与height进行赋值时，该怎么计算呢？以谁为参照物呢？下一条：css3 - 请问，如何通过CSS实现高度height随宽度width变化而变化，保持长宽比例不变，宽度是根据父元素宽度变化的？
相关文章：
1. nignx - docker内nginx 80端口被占用2. docker安装后出现Cannot connect to the Docker daemon.3. javascript - npm run build后调用api返回index.html4. docker绑定了nginx端口 外部访问不到5. java中关于直接插入排序遇到的问题。6. java - 如图，jsp页面的form中的action是怎么映射到这个位置的？为什么不写dynUser就可以映射到save？7. docker start -a dockername 老是卡住，什么情况？8. 关于docker下的nginx压力测试9. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？10. 计算机 - 我学习了C语言，数据结构和一点点java基础，想自学C++，请问买什么入门书籍好？
排行榜
网公网安备