Jump to content
GreenSock

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

George Carlin

Members
  • Content Count

    12
  • Joined

  • Last visited

Community Reputation

6 Newbie

About George Carlin

  • Rank
    Member

Profile Information

  • Gender
    Male
  1. actually I was more concern about the easing matters, but then I did a test with greensock on IE 8 and it worked good. I'm just a bit curious to know how easings work on IE 8 when it does not support CSS transitions!
  2. how we can animate things with greensock for old IEs when they do NOT support css transions CSS TRANSITIONS
  3. what can i use instead of transform-style in IE?
  4. so if I had several tweens, I need to either put all of em in css (if it is seriously necessary) or don't us css at all. Am I right?
  5. SCALE is the best option to use, thank you. I left the fontSize behind.
  6. $(document).on("mouseenter", "#numbers", function(){ TweenMax.to(footer_number, 0.5, { css:{fontSize:new_footer_number_fontSize+"px"}, textShadow:"2px 2px 15px rgba(145, 233, 0, 1)", color:"#91ff00", ease:Power4.easeOut }); }); $(document).on("mouseleave", "#numbers", function(){ TweenMax.to(footer_number, 0.5, { css:{fontSize:old_footer_number_fontSize+"px"}, textShadow:"0px 0px 0px rgba(0, 0, 0, 0)", color:"#d6d6d6", ease:Power4.easeOut }); }); am i doing something wrong?
  7. thanks for fast reply again. next time I'll use a codepen.
  8. I have found the solution. I removed 4 lines of css property of header id, and it works great, these are those lines: -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; -o-transition: 0.5s ease-out; transition: 0.5s ease-out;
  9. hi I want to make my div animated like this swf file. but it sound's to me like I can't do so because of my misunderstanding of transformOrigin system. here is my code: js: TweenLite.set("#pageone", {perspective:750}); window.onload = function(){ tweens(); }; function tweens(){ TweenLite.set("#header",{rotationX:180,opacity:0}); TweenLite.to("#header", 2.5,{rotationX:0,opacity:1, transformOrigin:"0px 0px 0px",ease: Elastic.easeOut.config(1, 0.3)}); } html: <body> <div data-role="page" id="pageone"> <header> <div id="header"></div> </header> </div> </body> the tween happens but not as expected.
  10. IT WORKED, I HAVE NOT RECEIVED SUCH FAST CORRECT ANSWER WHOLE MY LIFE. THANKS A MILLION
  11. in following tween I need to use a var instead of number in transform origin area. I did change the number with a variable but it's not working. TweenMax.to("#gallery", 1,{rotationY:GrotY,opacity:0, transformOrigin:"50% 50% zValue",ease:Power4.easeOut}); as you can see same job works for rotationY value.
×