如何解决将缩放比例转换原点固定到句子中的特定字符以实现滚动缩放效果
随着他们滚动,它会逐渐放大该时间段,直到覆盖整个屏幕。现在,我正在使用带有固定转换原点的比例尺GSAP。但是,当我调整屏幕大小时,这并不总是以句点作为缩放部分。
<Tween
to={{scale: 190,transformOrigin: '33.558vw 11.46vw',}}
ease={x =>
x * x * x
}
>
<div style={{width: '40vw',marginLeft: '15vw',height: '30vh'}}>
<text style={{fontSize:'5.5vw',fontWeight:'bold'}}>It all starts with a single mem.</text>
</div>
</Tween>
实现此效果的最佳实践是什么?有什么方法可以让它始终放大任何屏幕尺寸的周期中心吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。