文章详情页
前端 - css3 3d效果问题
浏览：249日期：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. javascript - js输入框限定字数问题2. php - 微信开发验证服务器有效性3. css3 - 微信前端页面遇到的transition过渡动画的bug4. javascript - Ajax返回json格式之后的数据解析后取出来的数据为undefined？5. javascript - jquery选择的dom元素如何更新？6. 网页爬虫 - 关于Python的编码与解码问题7. javascript - Webapp 关闭后重新打开无需登录如何操作？8. python如何设置一个随着系统时间变化的动态变量？9. 个人主页博客统计中的“进入博客”不能点击10. Browser-sync安装失败问题
排行榜
网公网安备