CSS视差效果:为什么translateZ()移动我的元素?

时间:2019-06-21 16:25:04

标签: transform element positioning

我正在尝试创建一个简单的CSS视差效果。与那里的许多教程相反,我希望它也影响视差div的内容。效果很好,只不过一旦我将translateZ()和scale()应用于该元素(取决于视口的高度),该项目就会移动,从而导致“页边距”。

我试图用“ top:-27vh”来反击“ margin”,但是我似乎无法正确地做到这一点,而且这似乎也不是正确的解决方案。

moduleNameMapper

https://jsfiddle.net/49rfkqbz/1/

我希望视差div(.showcase)以及主要部分一开始显示,就像没有添加透视图和深度时一样。

0 个答案:

没有答案