translateZ

Question

我最近发现了一些东西。 我试图用这个CODEpen来实现CSS的视差 https://codepen.io/keithclark/pen/JycFw

我有类似的东西：

<div class="parent">
    <div class="parallax">
    </div>
</div>

和CSS：

.parent {
    perspective:1px;
}
.parallax {
    transform: translateZ(.35px) scale(.65);
}

一切正常 - 视差正在发挥作用。但是我发现.parallax元素不是真实元素的大小，例如当我想悬停它时元素框就在elswhere。

这是小提琴：https://jsfiddle.net/jvj9tz61/1/