jammajish Posted July 27, 2019 Share Posted July 27, 2019 (edited) Hi there, I'd like to add a background to my website that is similar to this example: https://www.ginlane.com/ I've managed to work out how to just add a background color gradient, but it isn't quite the effect I'm after and I'd more so like to add a gradient/color change that activates on scroll. As I will be using colors that don't necessarily gradate (as per the example above), I'm wondering if instead of looking for a gradient option I should be looking for an option that would offer a smooth transition between background colors instead? I'm using the Mentor template, which is in the Brine family. Any help or suggestions are greatly appreciated! Thanks, Jessica Edited July 27, 2019 by jammajish Initial Revision Link to comment
jammajish Posted July 27, 2019 Author Share Posted July 27, 2019 UPDATE: I've come across this piece of code which looks like what I'm after. As a bit of a newbie coder though, I can't quite figure out how to make it work on my site - any advice? https://medium.com/@_patrickcameron/a-complete-beginner-s-guide-to-changing-background-colour-on-scroll-using-jquery-fce686d55049 Link to comment
aaninetythree Posted February 12, 2020 Share Posted February 12, 2020 Hello @jammajish! I'm wondering if you've got this code to work on your project. I'm looking to achieve this same look within the medium link you posted. Please let me know. Thanks! Link to comment
khinnenkamp Posted December 31, 2020 Share Posted December 31, 2020 hey @aaninetythree or @jammajish were either of you able to figure this out? I am attempting the same effect Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment