winslowharte Posted November 17, 2021 Share Posted November 17, 2021 Site URL: https://winslowharte.com Hello - I am trying to get a similar effect as https://www.daynetanner.net/polymega . Landing on page displays an 'x' percent opacity w/ text overlaid, as you scroll down the text and opacity overlay disappear. I would like a similar effect on my projects: https://www.winslowharte.com/work/colorsonic etc. PW: 1234 Thanks! Link to comment
creedon Posted November 17, 2021 Share Posted November 17, 2021 Would something like the following do for your needs? colorsonic overlay.mp4 This uses CSS and Javascript and requires the business plan or above. Basically the technique is similar to what is used in the example site you pointed to. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
winslowharte Posted November 17, 2021 Author Share Posted November 17, 2021 @creedon exactly! So what you're saying is, since I cheap'd out and got the basic plan, I can't achieve this effect?! haha!🤪 IF I'm able to upgrade to a 'business plan' seamlessly could you help with a code that would get me close to that desired effect? Cheers! Link to comment
creedon Posted November 17, 2021 Share Posted November 17, 2021 Yep the effect requires Javascript to monitor the scroll position of the page and then change the opacity of the overlay, which requires the business plan or above to use. I have some rudimentary code to share if you decide to go with the business plan or above. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! 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