[CSS3 Filter compatibility]

Hi, GreenSock.

I user of GreenSock for year.

GSAP is more size (~400Kb source), highly compatibility.

High-performance, re-markly compatible, powerful modules/plugins.

 

But for the Web needs more methods in last year, like CSS3 Filter, CSS3 PIE Plugin, Relative values (+, -, *, /, cos, sin, tan, d2r, etc).

I maked own JS Tweening engine, Tween.js Modded, source ~30Kb (http://tweenjs.ga) and supports CSS3 PIE, CSS3 Filters, relative values only +,-,*,/. Also it's supports string tweening and makes highly compatible and performance like TweenMax.

[CSS3 some features rendering in IE]

Hi, Jack (GreenSock)!

 

I'm maked 3D for (IE5, IE6, IE7, IE8, IE9*)!

 

Name: IE3D.js, jQuery plug-in available.

 

Lightweight, Simple, Easy 3D animation demo with IE3D - http://bit.ly/1vpD0M2 (See rules, in JS source and see license)

 

Compatibility: IE5.5+, Chrome 19+ (requires 3D), FF14+ (required 3D), Opera 15+ (Webkit, 3D version)...

 

* - in IE9 standalone version won't works, for works it, required emulating.

[CSS3 some features rendering in IE]

That is pretty cool, but it doesn't seem to match how things render in 3D in modern browsers. 

 

I noticed you're asking for donations and are restricting the use of the code. Feel free to create a plugin for GSAP that you offer on your own site. I don't even mind if you link to it here in our forums. Maybe you could make some money off of those donations, but unfortunately it seems to me that most developers aren't willing to devote many resources to supporting such an old, uncommon browser. But there very well may be a market for this. I wish you the best of luck. 

This demo works on non-prefix (node.style.transition, node.style.transform) (*** now fixed, works prefix-based browsers ***) 3D supported modern browsers.

AND THIS NOT PREMIUM FOR GSAP, its premuim for others users see in demo and copy restricted.

This rule not for your, free for your and GSAP administators!!!

After i'm created a plug-in it's free and licensed under GSAP licenses!!!

But i'm now don't know how to create plug-in. I'm created this demo for your creating a 3D for IE.

Current demo in: borderRadius and 3D transformation (rotationX, rotationY, rotationZ) and i now finding way to add scaleZ, translateZ variant's.

I NOW FIXED 3D browsers rendering. for non-IE 2D browsers it's rendering only rotateZ transformation

 

26/08/2013-12:19:02 (GMT +5, Tashkent Time, UZT) - I'm added for mobile (smartphone), tablet, desktop, mac modern browsers and Windows XP 2003 IE5 supported!

Enjoy use and create plug-in for free. I'm restrict sell, copy for guest users.

 

I'm very thankful!

 

Thanks!

[CSS3 some features rendering in IE]

I wish I understood you better. I'm just not quite sure what you're saying.

For your very better news and evolution for TweenMax:

http://googledrive.com/host/0B7DKrzLvYDoOUXIwVjk5MjFVenM - just see source and licensing

 

See in IE5+ for IE and modern non-prefix modern browsers

[CSS3 some features rendering in IE]

Hi, Jack.
I am have 3D like transformation way to make 3D like transform. Have rotateX, rotateY, rotateZ, Perspective, matrix(a, b, c, d, e, f). But requires more Kb and code. You're have maximal knowledge about codes. i'm have only less codes and now making demo. About 2 hour i upload it after -2 hour. If i upload to you and liked to you, im moderator of greensock?

Sorry , for my bad english

[CSS3 some features rendering in IE]

Thanks!

[CSS3 some features rendering in IE]

Are you saying you have found a way to do 3D transforms in IE8? I'm pretty sure that's impossible, and the link you provided is only for 2D transforms (although I may have misunderstood). GSAP already does 2D transforms in IE8, and we use our own matrix math that's faster than that link you provided. I'm struggling to determine what you are trying to do here regarding 3D transforms. Could you explain in a little more detail? 

Thanks for answer!

 

A My some CSS3 rendering example worked?

If worked and liked to you i'm make plug-in for GSAP.

[CSS3 some features rendering in IE]

I am having trouble understanding your post as well ...

 

What version of IE?

 

What OS and OS version are you seeing this on?

 

Is this real IE standalone or an emulated rendering through one of Microsoft Document Modes?

 

Do have an example code demo so we can see the behavior you describe?

 

Have you read the GSAP Docs: http://greensock.com/docs/#/HTML5/ ??

 

Hi Jonathan,

 

I'm maked demo and have link in top (GoogleDrive) - CSS3 some features. Tested in IE8 standalone Windows 7.

 

CSSMatrix javascript ( This is a CSSMatrix class as defined by the w3c CSS3 3d Transforms specification )

 

I'm tested CSSMatrix, but deleted. In making now demo for your!

 

Yes, i readed Docs!

 

Sorry for my bad english

[CSS3 some features rendering in IE]

I had a hard time understanding some of your post - were you offering some polyfills for IE8 that folks can optionally use? 

 

We mention #1 in our docs, and I'm not quite sure what #3 is referring to (the link is dead, 404). 

Hi Jack!

Sorry, for my bad english and error link.

I fixed Google Drive demo (#2) and CSSMatrix link (#3)

 

CSSMatrix, https://github.com/arian/CSSMatrix uses 3D Matrix calculating, but perspective can't work (3D vieweing)

 

Check https://googledrive.com/host/0B7DKrzLvYDoOV1ZzZ3ZRMTdwbE0 link in IE for testing works.

 

IMPORTANT: This pollyfil not only IE8, back to IE5.5 and other browsers.

 

Thanks!

[CSS3 some features rendering in IE]

Hi all!

I'm in last time interested TweenMax for performance.

I'm using TweenLite/Max from 2013 June, but 2013 TweenLite/Max are slowly.

The new 2014 August TweenLite/Max performance high, smooth 50+ fps (if H/W accelaration is disabled) and very-smooth without breaking frames 60 FPS and 60 Hz rendering (if H/W acc. enabled).

 

In latest GSAP (TweenLite/Max and etc) have some issues in IE!

 

1. Dx and Dy in relative position cutting when transformating.

2. CSS3 rendering - borderRadius, boxShadow, backgroundGradient, textShadow doesn't work

3. CSS3 Transform - rotateX, rotateY, translateZ, scaleZ doesn't work.

 

Have issue fixes!

1. Set position to absolute.

2. borderRadius, boxShadow and backgroundGradient pollyfil have (i'm now upload to GoogleDrive, see https://googledrive.com/host/0B7DKrzLvYDoOV1ZzZ3ZRMTdwbE0) in IE!

3. CSSMatrix uses advanced calculating and making 3D in IE (see https://github.com/arian/CSSMatrix )

 

Thanks!