Easing is how the speed of the transition between CSS3 settings occurs. For example, is it linear – where the speed stays the same, or does it easeIn, where it starts slow, and progressively gets faster?

There are over 30 different ways to ease into your next transition, and http://easings.net/ has a simple way of showing you these. Just hover over an effect to see it work.

There is also a link to a jQuery plugin to show what/how to get it to work for users who are using a browser that doesn’t support CSS3 transitions yet.

Very cool indeed.

Link to Article

 

Understanding CSS3 Easings was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts

Intro to HTML 5

ByWalter Wimberly

Version 4 and prior of HTML was a little “wild west” in how it was interpreted and defined. It wasn’t always consistent in how it was implemented or interpreted, and sloppy interpreters allowed lots of pages with errors displayed things differently. At one point it was estimated that 98% of all web pages had at…