jQuery-Hover3d-Simplycode

jQuery Hover3d

DEMO DOWNLOAD HOW TO USE

jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015 on Codepen 3D hover plane effect.

HTML

<div class="project">
<div class="project__card">
<!-- Content element goes here -->
</div>
</div>

CSS

.hover-in{
transition: .3s ease-out;
}
.hover-out{ transition: .3s ease-in; }

JS

<script src="jquery.min.js"></script>
<script src="jquery.hover3d.min.js"></script>
<script> $(".project").hover3d({ selector: ".project__card" }); </script>