nagman
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by nagman
-
-
Mmh... Finally, I wonder if letter-spacing wasn't better...
How do I animate spacing between letters WITHOUT animating each of them separately, in the SAME time (without stagger) and without using width or letter-spacing?
It's not possible!
I have to use letter-spacing - or instead width if it's more practical.
-
Ok guys, you convinced me.
I'm not using anymore letter-spacing for animations.
Actually I was using a hack in order to resolve the problem of the layout.
My text was larger than the screen at the beginning of the animation, so I wrapped it in a 300% large div with a 100% margin-left.
But with transform, it will be more simple.
Thanks!
- 1
-
Yeah, but look at my codepen. I used autoRound:false, and the animation is very smooth (at least on my computer).
If you see that it's animated on a pixel level on your Chrome version, then I will use your solution.
-
-
Yes, but I included it too (the CSSPlugin).
Actually, just to give a try, I have tested with tweenmax and it still won't work.
I can see the margin being animated but not the letterSpacing.
-
Yeah, I know, but why TweenMax is required?
I use TweenLite instead.
-
I tried to set the letter-spacing in CSS first, but nothing happened.
Strangely enough, the only way it worked was with "fromTo".
Thanks you both!
-
Hi,
I've tried many times and I still can't figure why I can't animate letterSpacing.
When I set properties like margin or color or backgroundColor, it works, but the letterSpacing property won't.
Did I forgot something?
See the Pen by collection (@collection) on CodePen
ScrollTrigger in nextjs build not working reliably
in GSAP
Posted
Great! I had exactly the same issue and had a hard time finding a topic about it.
I solved it by upgrading gsap to the beta version:
yarn add gsap@latest