请注意,浏览器前缀,后备等未得到解决。标/* e.g. */
有的CSS值可以由设计人员决定是否更改。
在这里看到我的[叉子]
<html><head><style>
html,
body {
width: 100%;
height: 100%;
overflow: auto;
}
body {
perspective: 1px; /* e.g. */
}
.background {
transform:
translateZ(-.4px)
scale(.6)
translateX(-104%)
translateY(-40%)
rotate(-5deg); /* e.g. */
}
.foreground {
transform:
translateZ(.25px)
translateX(50%)
scale(.75)
rotate(2deg); /* e.g. */
}
</style></head><body>
<img class="background"/>
<img class="foreground"/>
</body></html>
对KitKat的回答进行了较小的修正:似乎不需要transform-style:preserve-3d
(至少在Chrome中是这样),并且效果。删除它,视差就会失败。