Jayesh Patel
Filed under - CSS, Design, HTML5 & CSS3, Web Designer Help
2 Comments so far. Add yours now

CSS3 transitions are great and they allow us to create many stuff that we used to see only in JS.

However, compared to JavaScript alternatives, they are not flexible enough in easing functions and, even cubic-bezier (although it is pretty powerful) has its limitations.

Morf.js, is a Javascript work-around for hardware accelerated CSS3 transitions with custom easing functions including bounce, spring, elastic and much more.

Morf.js

Once an easing function is triggered through JavaScript, it is created usingwebkit-keyframes.

The library uses Shifty.js for tweening regular CSS properties and it is WebKit only.

Source & Docs @ GitHub
Download morf.js
Download morf.min.js

Morf comes bundled with the fantastic Shifty.js for tweening regular CSS properties.

If you already use Shifty heres a version of Morf without Shifty pre-bundled. Morf requires at least Shifty 0.1.3.

morf.noshifty.js
morf.noshifty.min.js

2 Responses


  1. Stephen Mulry on 13 Oct 2012

    I simply want to say I am just beginner to weblog and certainly savored your web blog. More than likely I’m planning to bookmark your blog post . You amazingly come with really good articles. Regards for sharing your website.


Leave your comment

You must be logged in to post a comment.

Share IT © 2018. All rights reserved.