# Expert tip - gradient background scroll

**URL:** <https://forum.wixstudio.com/t/expert-tip-gradient-background-scroll/48763>\
**Category:** Show and tell\
**Tags:** tips, design, wix-studio\
**Created:** [July 20, 2022, 7:32am UTC](https://forum.wixstudio.com/t/expert-tip-gradient-background-scroll/48763 "2022-07-20T07:32:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![AndrewT](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/andrewt/32/32103_2.png) [@AndrewT](https://forum.wixstudio.com/u/AndrewT)\
**Post date:** [July 20, 2022, 7:32am UTC](https://forum.wixstudio.com/t/expert-tip-gradient-background-scroll/48763/1 "2022-07-20T07:32:04Z")

</div>

Follow along as @idoh explaining how to create a gradient background that changes color while scrolling.  
In this example, you will recreate the effect from our [mid-year 2022 digital design trends report](https://www.editorx.com/shaping-design/digital-design-trends-2022?referral=experttips&fbclid=IwAR2k2kD5HbQ0XeVvX_trO7GkABoQdgpIQKuexbIvxYk3f2FSuwBvEI23poA) :  
[https://www.editorx.com/academy/from-x-team/gradient-background-scroll](https://www.editorx.com/academy/from-x-team/gradient-background-scroll?fbclid=IwAR0DcOlgT-2kn1NfIMqDU4u79uq1l3NPjJrcLWLJZgW24rMDruRSR6vvnv0)