jQueryとCSS3 transitionやtransformを使って、すっきりしてきれいなデザインのアイコンアニメーションです。 このまま実際に使えそうな仕上がりなので、掲載させていただきました。

紺色のアイコンがオリジナルのもので、クリックすると、toggleでCSSアニメーションが発動します。暗い赤色のアイコンは追加したもので、ホバーすると、同じくtoggleでCSSアニメーションが発動します。

メニュ → 戻る(クリック)


メニュ → 戻る(ホバー)


メニュ → 閉じる(クリック)


メニュ → 閉じる(ホバー)


進む → 戻る(クリック)


進む → 戻る(ホバー)


 

 

※参照元:http://jsdo.it/Evolutor_web/oVYI
戻るボタン