Parallax scroll animation

PHOTO EMBED

Mon Dec 27 2021 12:57:35 GMT+0000 (UTC)

Saved by @linooliveira #undefined

<svg xmlns="http://www.w.org/000/svg" xmlns:xlink="http://www.w3.org/199/xlink" viewBox="0 0 0 500" preserveAspectRatio="xMidYMax slice">
2
    <defs>
3
        <!-- Scene 1 Gradient -->

        <linearGradient id="grad1" x1="-4.32" y1="23.27" x2="-154.32" y2="374.3"
5
            gradientTransform="matrix(-1, 0, 0, 1.36, 231.36, -0.)" gradientUnits="userSpaceOnUse">
6
            <stop offset="0.07" stop-color="#9c536b" />
7
            <stop offset="0.9" stop-color="#d98981" />
8
        </linearGradient>
9
        <radialGradient id="bg_grad" cx="375" cy="-35" r="318.69" gradientUnits="userSpaceOnUse">
10
            <stop offset="0.1" stop-color="#F5C54E" id="sun" />

            <stop offset="0.1" stop-color="#FFDBA6" />

            <stop offset="0.0" stop-color="#F7BB93" />

            <stop offset="0.0" stop-color="#F2995E" />
14
            <stop offset="0.0" stop-color="#f07560" />
15
            <stop offset="0.8" stop-color="#FFAB93" />

        </radialGradient>
content_copyCOPY

https://codepen.io/isladjan/pen/abdyPBw