DIV要素（他）をCSSのみでアニメーションさせる方法。

ホバーアニメーションも、CSS3ならこんなに簡単。

    .hoverBox{

        border: 1px solid #ccc;              /* 境界線の指定         */

        /* 以下がホバーアニメーション設定 */

        -webkit-transition: .3s ease-in-out; /* Safari & Chrome.     */
        -moz-transition: .3s ease-in-out;    /* Firefox              */
        -o-transition: .3s ease-in-out;      /* Opera                */

    }

    div:hover{                              

        margin-top: -1em;                  /* 上部のマージンを指定 */
        background: #ccc;                   /* 背景色を指定         */

    }

たったこれだけの設定で、「位置」「色」をイージング処理してくれます。

JavaScriptいらず。

うーん、凄い…。