css 倾斜动画

Posted 2021-05-13

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/tilt.js/1.2.1/tilt.jquery.min.js"></script>


Dans la balise de l'élément parent rajouter :
<div class="parent" data-tilt data-tilt-perspective="1500" data-tilt-speed="100" data-tilt-max="25">
    <div class="enfant"></div>
</div>

var $=jQuery;
    $('parent').tilt();
});

.parent {
    transform-style: preserve-3d;
}

.enfant {
    transform: translateZ(20px);
}