I have a simple timeline that shows my headline then fades out.
<div id="headline1">Dynamic text that may be 1 - 60 characters.</div>
var tl = new TimelineMax();
tl.from("#headline1", 0.4, {autoAlpha:0}) //headline fade in
.to("#headline1", 0.4, {autoAlpha:0}, "+=3.5"); //headline fade out
Is it possible to make my headline visible depending on how many characters are in my headline?
ie:
10 characters = 1 second before fading out
60 characters = 5 seconds before fading out