任务是在 CSS 中设置 3D 元素的基本位置。对于此任务,您必须指定 3D 元素的底部位置,使用透视原点属性。使用 Division 元素创建 HTML 文件,然后借助以下三个属性定义网页的样式。
使用的属性:
- 变换风格: 它用于对元素应用 2D 或 3D 变换,并允许您旋转、缩放、移动、倾斜等元素。
- transform:此属性用于指定嵌套元素在 3D 空间中的呈现方式。
- Perspective-origin 属性:此属性用于定义用户从哪个位置查看 3D 定位元素以及子元素将受到影响。
例子:
HTML
GeeksforGeeks
GeeksforGeeks
GFG
输出: