jQuery

【jQuery】3Dホバー効果のためのシンプルなプラグイン jQuery Hover3d

January 9, 2017
jQuery Hover3d

jQuery Hover3dは3Dホバー効果のためのシンプルなjQueryプラグイン。

HTML

<script src="jquery.min.js"></script>
<script src="jquery.hover3d.min.js"></script>
<div class="project">
    <div class="project__card">
        <!-- Content element goes here -->
    </div>
</div>

CSS

/* This class can be replaced using options */
.hover-in{
    transition: .3s ease-out;
}
.hover-out{
    transition: .3s ease-in;
}

JS

$(".project").hover3d({
    selector: ".project__card"
});

MIT