文章详情页
前端 - css3 3d效果问题
浏览：287日期：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. node.js - Angular-webpack-Starter, 怎么把NodeJS添加进项目里？2. 求救一下，用新版的phpstudy，数据库过段时间会消失是什么情况？3. javascript - gulp-nodemon 使用重启express 服务器的时候端口被占用4. node.js - yo webapp构建项目时报错了，如图5. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么？6. thinkphp中Controller里面使用Request::File(’image’);7. 【python小白】 问关于之初始化一次对象的问题8. 人工智能 - python 机器学习 医疗数据 怎么学9. python - pymongo 含有子条件的操作 应该怎么写？10. 最后一步点击登录进入后台失败
排行榜
网公网安备