Search the Community
Showing results for tags 'fontsize'.
Found 3 results
-
I am playing with spiral animation using tweenlinemax, I saw couple of examples related to spiral animation for growing text font size during animate but I also want to reduce the size of font after 1 second duration. tl.to("#Text",10,{attr:{startOffset:'100%'}}) .to("#theText", 5, {fontSize:50},2) .to("#theText", 5, {fontSize:10},1); //this is not working so is there any way to grow up and down the font size while animate on SVG path using tweens.
-
Hi Guys, So I am re-coding my work to use the GSAP TweenMax.js library and notice that an animation effect that I had previously coded with fonts is no longer working. I have a few html <buttons> that I was using this jquery code on to make the fontsize swell and retract $(".btn1").animate({fontSize: "24px"},700); $(".btn1").animate({fontSize: "20px"},900); I switched it over to use GSAP, but this doesn't seem to work.. Sorry I don't have a codepen for this. TweenMax.to($(".btn1"), 0.7, { fontSize: 24, delay:4 }); TweenMax.to($(".btn1"), 0.9, { fontSize: 20, delay:4 }); I have only played with GSAP for less than day, but seem to have other effects working, but I am not sure why the code above doesn't work. Oh BTW, I did try the string version as shown below this line, as well. TweenMax.to($(".btn1"), 0.7, { fontSize: "24px", delay:4 }); TweenMax.to($(".btn1"), 0.9, { fontSize: "20px", delay:4 }); On a seperate note, I was reading about CSSPlugins with TweenMax, I am using version 1.8.5 of TweenMax so I don't think I need to do anything special in regards to using the CSSPlugin, in my code? Thanks for your help.
-
CSS3 transition is very smooth: http://codepen.io/anon/pen/YXRrLm
