Direction-Aware 3D Hover Effect

Direction-aware 3D hover effect (Concept)
It's kind of simple, using JS we can easily detect the direction the cursor is coming, then, I am using CSS animations for each case (8 in total).
Direction-aware hover effect CSS & bits of JS
Made with
Html
Css
JavaScript
Author
Noel Delgado
Demo
See the Pen Direction-aware 3D hover effect (Concept) by Noel Delgado (@noeldelgado) on CodePen.