Ceaser – CSS easing animation tool

http://matthewlein.com/ceaser/

by dazpaz • 11 years ago

91 15 11 years ago

matthewlein.com

joshfarrant• 11 years ago

This is possible in Chrome's inspector now too https://twitter.com/FarPixel/status/610801266030170112

joshcrowder• 11 years ago

I didn't know this! When was this added?

_i3lo2• 11 years ago

The author apparently had a hand in this: https://twitter.com/matthewlein/status/576068468526579712

callahad• 11 years ago

Firefox has offered the same in the Aurora / Developer Edition channel since July 2014: https://hacks.mozilla.org/2014/07/event-listeners-popup-medi...

More docs on MDN: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspecto...

umaar• 11 years ago

Gif of the feature in action: https://twitter.com/umaar/status/570595687924166656

ThomPete• 11 years ago

It is funny how much the evolution of css is reminiscent of the evolution of Flash back in the day , wonder if it will turn into a fully fledged programming environment at some point.

neovive• 11 years ago

So true. I was thinking about the other day; how many sites are incorporating animation, parallax scrolling and other interactive elements that are very reminiscent of the Flash websites from the late 90's and early 2000's. In some ways Flash really was ahead of it's time and the runtime was very capable given the CPU and bandwidth limitations at that time.

cuicuocua• 11 years ago

Hopefully css doesn't need to be eradicated like flash today... It was great back in the days but now flash is the worst

matthewlein2• 11 years ago

Hello, author here. Didn't expect to see this on hacker news after so many years :)

For you hardcore easers, @blurspline made some improved values by scripting tons of variants. Probably the way I should have done it, but I was in a rush to get it out before anyone else and never revisited it. http://www.lab4games.net/zz85/blog/2014/12/26/better-cubic-b...

dvh• 11 years ago

Hello tearing my old friend...

hinkley• 11 years ago

It's time to deal with you again...

tothepixel• 11 years ago

I use this thing just about every week. Props to the author!

bennettfeely• 11 years ago

It's been on my wishlist for quite some time that browser vendors need to start implementing expanded cubic-bezier() timing functions, now.

Bouncing, elastic, and spring easings can't be done easily with CSS. These easings are now increasingly common in apps yet are very tedious to do on websites.

Ceaser – CSS easing animation tool

Related Stories