Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Nasr Galal

New way of typewriter

Recommended Posts

Just trying 2 different easy approaches to get this typewriter works like a charm!
 

My issue is to sync both animations of the #text element and the chars and I do believe it is really simple to do!

I am looking for an easy approach to take down this latency :)

this animation is what i need to edit:

// need to sync this block with the above animation
gsap.from('#text', {width: 2, duration: 2, ease: SteppedEase.config(20) })

my target is to code this without the use of any other JS Libs like jquery

See the Pen GRpMYYw by nasr3090 (@nasr3090) on CodePen

Link to comment
Share on other sites

Super like the approach!

it looks even simpler!

 

ok now If I would like to rebuild something like this awesome animation:

https://codesandbox.io/s/nw10kz7m3j

there are multiple lines, that's why I did try to build the simplest mechanics for the typo :)
if you have any other suggestions
, please share!

Thanks for the helpful code!

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.

×