text animation question

[bluekai]

Can not this form be expressed in tweenmax?

 

See the Pen WowbBE by nathantaylor (@nathantaylor) on CodePen

See the Pen KNYOxJ by equinusocio (@equinusocio) on CodePen

I followed them alike.

But the box shadow repeats twice.

 

My codepen.

See the Pen jyvLpR by l2zeo (@l2zeo) on CodePen

[Carl]

Yes, here is a basic implementation using the same sort of setup as the original:

 

 

var rule = CSSRulePlugin.getRule(".reveal-text:after");

var tl = new TimelineMax({repeat:4, yoyo:true, repeatDelay:0.5})
tl.to(rule, 1, {cssRule:{scaleX:1}})
  .set(".reveal-text", {clipPath: "inset(0 0 0 0)"})
  .to(rule, 1, {cssRule:{scaleX:0, transformOrigin:"right"}});

 

 

http://codepen.io/GreenSock/pen/vgzQwG

 

It seems the original pen you posted didn't work so well in Safari and FireFox due to the clip-path: inset stuff. 

I would probably try to hide the text another way. 

 

Regarding animation of pseudo elements: https://greensock.com/forums/topic/6133-is-it-possible-to-tween-css-pseudo-elements-like-after/