Javascript 向下滚动时如何更改徽标动画？（如Awwward网站徽标）_Javascript_Css_Svg

Javascript 向下滚动时如何更改徽标动画？（如Awwward网站徽标）

javascript css svg

Javascript 向下滚动时如何更改徽标动画？（如Awwward网站徽标）,javascript,css,svg,Javascript,Css,Svg,我熟悉CSS和javascript，但是如果问题需要对SVG标记进行一些更改。详细解释一下，多谢各位问: 我想创建一个动画SVG徽标，它响应向下滚动，如（注意徽标的滚动行为）我知道如何制作动画SVG，但我想知道如何将徽标行为与滚动相关联如何用更少的js编码实现这一点？（或者可以使用纯CSS吗？）请举例说明您已经取得了哪些成就？您可以使用。根据您需要实现的内容，您不需要使用“请编辑您的问题”并添加您的代码，如您希望在滚动上设置动画的svg。@TreeNguyen我想实现类似Awwwa

我熟悉CSS和javascript，但是如果问题需要对SVG标记进行一些更改。详细解释一下，多谢各位

问:

我想创建一个动画SVG徽标，它响应向下滚动，如（注意徽标的滚动行为）

我知道如何制作动画SVG，但我想知道如何将徽标行为与滚动相关联

如何用更少的js编码实现这一点？（或者可以使用纯CSS吗？）

请举例说明您已经取得了哪些成就？您可以使用。根据您需要实现的内容，您不需要使用“请编辑您的问题”并添加您的代码，如您希望在滚动上设置动画的svg。@TreeNguyen我想实现类似Awwwards.com标题徽标的功能，我使用adobe animation制作svg动画，但我想我需要在svg标记中做一些准备，我知道如何使用滚动事件，但我不想只是在两种不同的滚动情况下更改徽标图像，我想像awwward.com一样以动画和平滑的方式更改徽标