Jump to content
Search Community

Search the Community

Showing results for tags 'after'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

  • Learning Center
  • Blog

Categories

  • Products
  • Plugins

Categories

  • Examples
  • Showcase

Categories

  • FAQ

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 3 results

  1. let ImageReveal = CSSRulePlugin.getRule('.img__container::after') let tl = new TimelineLite() useEffect(() => { tl.to(container, 0, { css: { visibility: 'visible' } }) .to(ImageReveal, 1.8, { width: '0%', ease: Power2.easeInOut, }) .to(image, 1.4, { scale: '1.0', ease: Power2.easeInOut, delay: -1.6 }) }, [ ]) I want ImageReveal pseudo element to have 0% width with animation once the component has been mounted. But whenever Im reloading the page , it is lagging too much, the width is becoming 0% but without any effect of animation. Please help!
  2. How can I tween a specific pseudo-element on hover?
  3. From my code the red cube div suppose to animate its height to 0 first before adding the new div class. but right now the problem is that both of them seem to trigger at the same time. I have tried using callback function but still doesnt work. How do you ensure the animation is complete before adding the class? Here is my code: http://codepen.io/vincentccw/pen/yeqzD
×
×
  • Create New...