Hi there!
I’m hoping somebody can help me with creating a fade in/fade out animation on a text box as the user scrolls through the Shopify site.
I know there is some altering of CSS involved, so if anyone has done this before, please let me know and I will get in contact with you.
I’m currently using Shogun to design a page for my client, but we would love to integrate fade in/fade out animation on text boxes that will be placed within a column.
Hi,
Maybe you will be interested in our app Scrolly Telling to create animations while scrolling.
I’ve never used Shogun before, are you able to edit HTML of the stuff you’re adding? Like if you add a text box can you give it a class name? If so I would suggest using an Intersection Observer to listen for elements with a specific class name to intersect with the window and then add a class to your element that initiates the transition. If you need help feel free to reach out:
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API