Jump to content
Search Community

Animate type with stagger – Mask type and control group

lister110 test
Moderator Tag

Recommended Posts

Hi everyone (Newbie here). I'm playing around with a small animation which staggers some type. I was trying to find a way of animating into a window, as if it was masked, so I tried to use overflow hidden, but Im animating the mask itself.... My brain is slightly fazed..., so was wondering how I can animate some elements in a div and use the stagger there? so the Mask stays in place.. if it that works??

 

also, is there a way to control the second part of the animation (.to) and almost group the stagger perhaps, rather than one after the other. 

 

thanks in advance (sorry if my code is a little iffy ;-))

 

lister

See the Pen GRvWELW by velvetsoup (@velvetsoup) on CodePen

Link to comment
Share on other sites

Ahh, thats it.. sorry I missed that..

 

Yep, although I have the animation (sequenced animating out(.to)), I was wondering if I can almost control all the three lines as a group and move them together? almost overriding the sequence of the second part of the animation?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...