Jump to content
Search Community

George Carlin

Members

  • Posts

    12

  • Joined

  • Last visited

George Carlin's Achievements

6

Reputation

1

Community Answers

  1. George Carlin
    AWESOME JOB GUYS. KEEP ROCKING!
  2. George Carlin
    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!
  3. George Carlin
    how we can animate things with greensock for old IEs when they do NOT support css transions CSS TRANSITIONS
  4. George Carlin
    what can i use instead of transform-style in IE?
  5. George Carlin
    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?
  6. George Carlin
    SCALE is the best option to use, thank you. I left the fontSize behind.
  7. George Carlin
    $(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?
  8. George Carlin
    thanks for fast reply again. next time I'll use a codepen.
  9. George Carlin
    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;
  10. George Carlin
    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.
  11. George Carlin
    IT WORKED, I HAVE NOT RECEIVED SUCH FAST CORRECT ANSWER WHOLE MY LIFE. THANKS A MILLION
  12. George Carlin
    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.
×
×
  • Create New...