Advanced Animations

  • Resolved douxdolci

    (@douxdolci)


    5 years, 4 months ago

    I’m trying to get the “Advanced Animations” to work with SiteOrigin. I threw this into an “HTML” widget: 

    <html>
	<div class="animate">
		Hello
	</div>
</html>

<style>
.animate { opacity: 0; transition: all 1s }
.animate.scroll-triggered { opacity: 1; }
	</style>

    But the “Hello” text never shows up. The opacity stays at zero. I’m sure there’s something I’ve done wrong. Any help is appreciated.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Toast Plugins

    (@toastwebsites)

    Hi there,

    From a brief check on your site. It looks as if youre not using the correct CSS selector in the backend of our plugin.

    You should have the a dot before the selector. At moment it looks like your trying to to target ‘animate’ when it should be trying to find ‘.animate’ as it is a class.

    Hope that makes some sense!

    Thread Starter douxdolci

    (@douxdolci)

    Yep, that’s fixed it. I knew it was something simple. Thank you!

    Plugin Author Toast Plugins

    (@toastwebsites)

    Great!

    No worries??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Advanced Animations’ is closed to new replies.