理解:translate rotate 與 perspective 曖昧關系

沒有做瀏覽器兼容,請使用chrome瀏覽器查看。

在沒有使用【perspective】和【transform-style:preserve-3d】的情況下

translateZ(60px)

translateY(-10px)

translateY(-10px) translateZ(50px)

translate3d(15px,-10px,50px)

rotateX(30deg);

rotateY(45deg);

rotateZ(15deg);

rotateX(45deg) translateZ(50px);

rotateY(45deg) rtranslateZ(50px)

上面的區域是由舞臺(帶陰影的整個大div),容器(舞臺內每個小塊),目標(綠色背景的div)基本html目錄構成

選擇在【舞臺】【容器】【目標】增加相應的{perspective:800px}和{transform-style:preserve-3d}

增加{perspective: 800px;}CSS屬性
增加{transform-style:preserve-3d;}CSS屬性
增加{ transform:rotateX(25deg) rotateY(45deg)} CSS屬性
无码夫の前で人妻を犯す_碰91精品国产91久久婷婷_麻豆国产AV超爽剧情系列_国产免费不卡午夜福利在线