如何创建通过节或div进入下一个的缩放效果?

问题描述 投票:0回答:1

我正在寻找像这样的滚动放大效果:click here to check您可以在带有“ REFORM CO”标题的部分中看到它。

有人可以解释一下我应该从哪里开始获得更多有关这些知识的知识?它是使用translate3D或translateZ创建的吗?我应该将叠加标题用作带有透明标题的PNG,还是以某种方式在下一个div上创建带有透明文本的div?以及如何仅在“ REFORM CO”部分而不是从一开始就开始缩放?

如果您不能确切告诉我该怎么做,请给我任何建议。谢谢!

javascript html css scroll transform
1个回答
0
投票

实际上是在这里工作的scale属性,看起来像是缩放的元素。

这是它的工作方式Example

只需添加onscroll()而不是onclick()即可缩放元素。

并从顶部PageScrolling检测页面的百分比滚动

并且通过这种方式,通过检测滚动和元素何时出现,您可以触发js来转换元素,并且它会像缩放一样显示。

© www.soinside.com 2019 - 2024. All rights reserved.