文章详情页
前端 - css3 3d效果问题
浏览：78日期：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. 如何修改phpstudy的phpmyadmin放到其他地方2. php - mysql中，作为主键的字段，用int类型，是不是比用char类型的效率更高？3. tp6表单令牌4. docker 17.03 怎么配置 registry mirror ?5. django - 后台返回的json数据经过Base64加密，获取时用python如何解密~！6. 我的html页面一提交，网页便显示出了我的php代码，求问是什么原因？7. 网络传输协议 - 以下三种下载方式有什么不同？如何用python模拟下载器下载？8. angular.js - Angular路由和express路由的组合使用问题9. 我在centos容器里安装docker，也就是在容器里安装容器，报错了？10. java 排序的问题
排行榜
网公网安备