.test
{
text-shadow:
1px 1px 0 #CCC,
2px 2px 0 #CCC, /* end of 2 level deep grey shadow */
3px 3px 0 #444,
4px 4px 0 #444,
5px 5px 0 #444,
6px 6px 0 #444 /* end of 4 level deep dark shadow */
}
</style>
<body>
<h1>3D效果</h1>
</body>
// 具体效果可以改变颜色值和位移值来实现不同的3d效果
指定对象围绕着 X / Y / Z 轴上的旋转角度
指定对象的 3D 旋转角度
前三个参数分别代表旋转的方向 x，y，z，第四个参数表示旋转的角度，参数不允许省略
前三个参数只有三个取值效果：正数，0，负数
如果多个方向发生改变，小数会代表在这个方向的旋转程度，最小小数取值为 0.1
指定对象 Z 轴的平移（更多用于遮罩）
z 值不能省略
指定对象的 3D 位移
第一个参数对应 X 轴，第二个对应 Y 轴，第三个对应 Z 轴，参数不允许省略
指定对象的 Z 轴缩放
参数对应 Z 轴，不允许省略
指定对象的 3D 缩放
参数不允许省略
指定观察者与 XOY 平面（也就是屏幕）的距离，使具有三维位置变换的元素产生透视效果
指定透视点的位置
x-axis：50%
y-axis：50%
3D为立体，2D为平面。点线面体中的面就是2D，体就是3D。3D给人真实、立体的感觉，渲染时消耗显存大，并且质量高时，对显存频率、核心频率等要求也不少，3D比2D的要求高很多。
2D是面，虽然感觉不真实，不立体，但是消耗的显存小，质量高也没多大的要求，需求电脑的性能和3D比那就低多了。
有些低端3D游戏因为纹理材质方面，看起来很简陋，但是也比2D消耗得多，因此，硬件不是很高端的情况下，3D并不能体现出真实的优势。
