A new beta version of the Scriptaculous javascript effects library has just been released, and very nice it is too. Version 1.7 features a new effect called morphing, which allows for CSS style effects. Effectively allowing you to change an element based on CSS. But the element doesn’t just change. it morphs!

Here’s an example;

new Effect.Morph('error_message',{
    style:'border-width:3px; font-size:15pt; color:#f00'
});`

Just take a look at the morphing demo, then read all the details.