文章详情页
前端 - css3 3d效果问题
浏览：74日期：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. angular.js - 不适用其他构建工具，怎么搭建angular1项目2. python如何不改动文件的情况下修改文件的 修改日期3. mysql - 一个表和多个表是多对多的关系，该怎么设计4. javascript - git clone 下来的项目 想在本地运行 npm run install 报错5. mysql主从 - 请教下mysql 主动-被动模式的双主配置 和 主从配置在应用上有什么区别？6. android-studio - Android 动态壁纸LayoutParams问题7. 主从备份 - 跪求mysql 高可用主从方案8. angular.js - 三大框架react、vue、angular的分析9. python 如何实现PHP替换图片 链接10. python - django 里自定义的 login 方法，如何使用 login_required()
排行榜
网公网安备