css3 - 为什么我的纯CSS视差不起作用？

我想用纯CSS（无javascript）控制不同元素的滚动速度作为视差。

所以，我观看了这个视频教程https://www.youtube.com/watch?v=n9zLJ0I8Djk。

现在，查看我的代码：

＆＃13;

<html>
    <head>
        <style>
            body {
                perspective: 1px;
                height: 1000px;
            }
            .group {
                -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
            }
            .back {
                transform: translateZ(-1px);
            }
        </style>
    </head>
    <body>
        <div class="group">
            <img src="http://i.imgur.com/RRUe0Mo.png" class="back">
            <p class="front">Avril</p>
        </div>
    </body>
</html>

＆＃13;

为什么对我来说，它不起作用？我忘了做什么？

为什么我的纯CSS视差不起作用？

0 个答案: