There is a nice class embedded in the MooTools core package, the Fx.Transitions. It is used to spice up the default animations in many different way. I won't go into details, there is a cool breakdown about the capabilities of the class.
I'd like to show you how you can pick any transition function and use them outside the Fx classes.
This approach can be handy if you need to trigger other functions or to work with the Canvas element, maybe update some non standard CSS properties.
You are probably familiar with the following text:
"According to a research at Cambridge University, it doesn't matter in what order the letters in a word are...."
Then, in the next paragraph the words are scrambled and yet, you can still read it. I excepted the same result if the scrambling is animated, so I opened a notepad and started to code :)
Check the script, it's small and elegant in my opinion.
For the last months, I'm using SoundCloud's API to create an application. I had several issues, that I managed to solve, and this one I'm going to show you is one of my favorite. The waveform that soundcloud generates for a song, looks like the one I attached to the post.
It's not bad, as long as you can integrate the gray mask with your application design. If you can't then you can start to scratch your head. I did. :)