サイトを彩る多彩なアニメーション フラットデザインをベースに、随所に気持ちいいアニメーションを取り入れている「Omnisense」。コンテンツごとに用意されているさまざまなアニメーションは、どれも洗練された動きで、サイトの魅力をぐっと高めている。 ページトップにあるシンプルなボタンにマウスオーバーすると、上から矢印のアイコンがスライドして下りてくる。注目したいのは、マウスがボタンから離れたとき(マウスアウト時)の動きだ。 よくある:hoverで実装したマウスオーバーのアニメーションは、マウスオーバー時とアウト時の動きを別々に設定できないため、必ず逆の動きになる。マウスオーバー時に上からスライドしてきたら、マウスアウト時には上へ戻る、といった具合だ。 ところが、Omisenseのボタンは、マウスアウト時にそのまま下にスライドを続ける。細かな違いだが、最近ではこういったマウスオーバーのアニメー
![あのサイトとはひと味違う!こだわりマウスオーバー20連発 (1/2)](https://cdn-ak-scissors.b.st-hatena.com/image/square/14e889d7987a47332945a8270d5b20f0ac602110/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2014%2F10%2F24%2F1012764%2Fl%2Fd471d41d6bf81239.jpg)