文章详情页
前端 - css3 3d效果问题
问题描述
如图,要做一个如下的具有3d效果的视图,
对于上下两个框,我用css的rotateX,然后又用了translateZ移动了位置,然而出现的如下的效果,
上下两个框并没有出现上图有由近及远的‘梯形状’。请问如何解决?
问题解答
回答1:没有为父元素设置perspective和perspective-origin属性吧,还要设置transform-style为3d。
标签:
CSS
上一条:css3 - 想用rem给width与height进行赋值时,该怎么计算呢?以谁为参照物呢?下一条:css3 - 请问,如何通过CSS实现高度height随宽度width变化而变化,保持长宽比例不变,宽度是根据父元素宽度变化的?
相关文章:
1. 提示我模板文件不存在: tp5 application index view body.html2. HTML5怎么访问本地文件?3. javascript - 这种上传图片预览怎么做?4. javascript - input输入框触发change事件后,外部元素会被选中5. javascript - js判断一个数组是否重复6. javascript - vue2.0中router.repalce跟router.push有什么区别,二者的应用场景是会有怎样的区别?7. python相关问题求解决,有偿8. javascript - 把字符串日期转换成一般时间格式后,发现小于10的数字不会自动添加0在前面,如下9. javascript - prismplayer播放器全屏问题10. javascript - 在sublime中如何给.vue文件注释?
排行榜