diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

I agree to have my personal information transfered to MailChimp (more information)


jQuery.fn.webkitTransform(): Banana HTML5 project

Franz Enzenhofer created a webkitTransform plugin “the banana project for advanced HTML5 browsers” that helps you manage transforms and state:

“With jQuery.css you can’t easily change webkitTransform CSS because webkitTransform isn’t your average CSS. If in one step you add .css(‘-webkit-transform’, “rotate(20deg)”) and in next step .css(‘-webkit-transform’, “scale(2.0)”) the rotate value gets reset, as you’ve rewritten complete -webkit-transform CSS value.

You could use WebKitCSSMatrix javascript element, but it’s currently buggy, not consistently implemented and a pain to use. Additionally you can’t just retrieve ‘-webkit-transform’ css with .css(‘-webkit-transform’) as this just gives a matrix code.

Our goal with webkitTransform() was to fix this problem. With it, every element you assign webkit-transform css with can be edited in a simple way, without resetting every other -webkit-transform values.”

More Info: Banana


Share This Story, Choose Your Platform!

Do NOT follow this link or you will be banned from the site!