文章详情页
前端 - css3 3d效果问题
问题描述
如图,要做一个如下的具有3d效果的视图,
对于上下两个框,我用css的rotateX,然后又用了translateZ移动了位置,然而出现的如下的效果,
上下两个框并没有出现上图有由近及远的‘梯形状’。请问如何解决?
问题解答
回答1:没有为父元素设置perspective和perspective-origin属性吧,还要设置transform-style为3d。
标签:
CSS
上一条:css3 - 想用rem给width与height进行赋值时,该怎么计算呢?以谁为参照物呢?下一条:css3 - 请问,如何通过CSS实现高度height随宽度width变化而变化,保持长宽比例不变,宽度是根据父元素宽度变化的?
相关文章:
1. javascript - 引入 simditor,但是显示标签,这个怎么解决。2. android - 目前有哪些用Vue.js开发移动App的方案?3. 为什么要通过常量的方式拐弯抹角的写呢,直接写DSN之类的不好吗4. python - scrapy获取网页指定内容,后翻到下一页继续,固定循环次数。。问题5. linux - 为公司配置服务器,要求在上面装win7的虚拟机,那我还需要装桌面环境吗?6. defined这个实验代码我这里不对哇7. python 发邮件8. javascript - 网易云信整合到项目的流程9. android - 安卓实现类似QQ刚换聊天背景的功能10. python - 一个关于爬虫的问题
排行榜