Javascript 滚动-内容拉伸动画
我希望内容块（滚动时）的动画效果与此处完全相同：Javascript 滚动-内容拉伸动画,javascript,html,css,animation,Javascript,Html,Css,Animation,我希望内容块（滚动时）的动画效果与此处完全相同： 具有这种“拉伸”效果 如何实现这一点？您可以研究对图像进行变换：scaleY（2）以获得拉伸效果，尽管您必须进行实验以获得所需的精确外观，这可能取决于您想要使用的任何图像的纵横比 为了将图像及其相关文本向上移动到视口中，您最好将所有内容（img拉伸和移动）组合到CSS动画中，因为这样可以控制精确的时间 从示例中看，似乎您需要一组关键帧来定义此移动和进入动画，另一组用于定义向上移动时的动画 您需要使用CSS动画填充模式：forwards，以确保
具有这种“拉伸”效果
如何实现这一点？您可以研究对图像进行变换：scaleY（2）以获得拉伸效果，尽管您必须进行实验以获得所需的精确外观，这可能取决于您想要使用的任何图像的纵横比 为了将图像及其相关文本向上移动到视口中，您最好将所有内容（img拉伸和移动）组合到CSS动画中，因为这样可以控制精确的时间 从示例中看，似乎您需要一组关键帧来定义此移动和进入动画，另一组用于定义向上移动时的动画 您需要使用CSS
动画填充模式：forwards