3D 效果
文章目录
- 1. 景深
- 2. 3D属性
1. 景深
3D的视角位置
perspective 加在要观看物体父级身上
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Documenttitle><style>* {margin: 0;padding: 0;}html,body {perspective: 100px;}div {width: 100px;height: 100px;background-color: aquamarine;margin: 100px auto;transform: rotateX(45deg);}style>
head><body><div>div>
body>html>
2. 3D属性
transform-style: perserve-3d
<div><ul>ul>div>
景深给div
3D效果给ul
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！