Jump to content
GreenSock

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

Search the Community

Showing results for tags 'ie9'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 11 results

  1. Can anyone give me a clue as to why IE9 is rotating my SVG files differently than all other browsers? TransformOrigin doesnt seem to work the same (I have tried, %, pixels, and top), and it is going in different directions. The CodePen link should show the 3 lettter "A"s pointing to the left. But in IE9, they get squished and point down after a TweenMax.set call. Any thoughts? Thanks very much. Also posted here in case CodePen doesnt allow IE9 viewing: http://brendyn.com/test2/
  2. There are some banner ads I have created where the video does not scale properly on IE9+. There is a large black-space creep and the scale is not accurate. This is the scaling code. I don't quite know what other information I need to offer. Help please? child.set(video, {y:0, transformOrigin:"center center", scale: 1.4}) .to(video, 7, {y:0, x:-3, transformOrigin:"center center", scale: 1})
  3. Hey guys, I'm creating some banners for a client but running into issues with compatibility. The banner functions as planned in FF and Chrome, however in IE the Canon logo just site in the middle of the frame, with no animation. I've looked online and found some people complaining about IE issues with CSS animations, however it's usually transforms they can't get to work. All I'm using is fades, minus one button adjusting the y axis. Can someone please tell me what I'm doing wrong? I'm not that well versed in GSAP. CodePen: http://codepen.io/anon/pen/OypmrM Thanks in advanc
  4. Hi, people) Had anybody problems with animation in 'super' browser IE8, 9, 10 and so on? My animation didn't work in IE9(. It's handled through jQuery... in all other browsers everything is ok. Could you help me with advice! thanks a lot! $(document).ready(function(){ TweenMax.from(".logo", 0.8, { x: 500, y: 500, rotation: 2580, opacity: 0, scale: 0.2, }); });
  5. I was bidding on a project today and requested to use GSAP as my Javascript animation engine (they had originally said CSS transitions). The one question they had was 'how far back' GSAP goes — that is, will it work in IE9, IE8, and other older browsers? I had never thought of this and didn't know the answer. Also they wanted to know if GSAP 'degraded gracefully'. If GSAP doesn't work on all older browsers, how do I handle that? I know Modernizr can be used (or could be used) to provide fallbacks, but I don't know that it has a test for Greensock. What would I test for? Are t
  6. Hi there, Just a quick question. I'm using the Tweenlite library as a fallback for CSS transitions in IE9, and I've run into a problem. This works just fine, on browsers supporting the transform CSS property: TweenLite.to(testDiv, 2, {"transform": "matrix(1, 0, 0, 1, 200, 200)"}); But the transform property is hidden behind the ms prefix in IE9, and this does not work: TweenLite.to(testDiv, 2, {"-ms-transform": "matrix(1, 0, 0, 1, 200, 200)"}); Is this a bug, or is it intentional? Best, Thomas
  7. Is transformOrigin supported in IE9? If not, is there a work around? Strangely enough I don't have an issue with this in IE 8. Box 2 is supposed to rotate from the top but doesn't seem to do this in IE9. Thanks in advance. Any suggestion is much appreciated.
  8. I am trying to rotate an element(button) counter-clockwise 90deg using TweenLite. It is working fine in chrome and firefox but misbehaving in IE9. Expected behavior is that it only rotate but in IE9 along with rotation it is changing is position also. This behavior is consistent in IE9 and is produced only in special case, with simple rotation test in IE9 the behavior is as expected. Here is a video for reference (notice the button labeled button 17): http://screencast.com/t/waaEX1NxWcTd The HTML of button looks something like: <div data-id="animWrapper_spin9ivgo7os" style="hei
  9. I've looked around this website and the internet at large for a little help, but I'm not sure I'm even searching for the correct thing. The problem I'm having is that the scale attribute, as it's applied inside a TweenMax.to( ), seems to stutter to the point of essentially skipping the animation to the final frame in IE9. Unfortunately the deployment environment I'm working with is Windows 7 with IE9 strictly, so my options are limited. I believe GSAP works fine in IE9 -- all of the animations work pretty much as expected on this website's showcase animations. Here's how I have my setup:
  10. I am currently working on a project that makes use of the TimelineLIte to sequence some animations together. While testing, I discovered that only in IE9 (havent tested in 10) that the timelines do not complete their transitions for 3 elements. If you haver over the elements, then you see them finish. Visit the URL below (please respect the fact that this is a dev link) and click on any number from 1-8 (on the bottom of the page).... in IE9, the Winner banner the percentage cells do not fully reach full opacity. I could really use some assistance working through this problem. Thank you in
  11. Hi. I made my own modal box with JS. The animation uses TimelineMax. It looks fine on other browsers, like IE8, but has a slight litttle jump to the lower right at the end of the ease animation. Here's the code: tlModalTransIn = new TimelineMax(); tlModalTransIn.paused(true); tlModalTransIn.set([modalBox, modalRect], {alpha:0, autoAlpha:1}) tlModalTransIn.set([modalCloseButton], {alpha:1, autoAlpha:1}) .fromTo(modalBox, .3, {alpha:0}, {alpha:1}, "start") .fromTo(modalRect, 1, {scale:".6"}, {scale:"1", alpha:1, ease:Elastic.easeOut, easeParams:[1.8, 0.8]}) .fromTo(modalProduct, .5, {alpha
×