tilt.js jQuery Animation and Effects plugin example

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Tilt.js jQuery effect</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="m-5">
        <div class="tilt"><span>TILT.JS</span></div>
    </div>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tilt.js/1.2.1/tilt.jquery.min.js"></script>
</body>
</html>

CSS

.tilt {
    display: grid;
    place-items: center;
    height: 10em;
    width: 10em;
    background-image: linear-gradient(
        150deg, #2842ff 0%, #1fff73 100%, #1fff73 100%
    );
}
.tilt span {
    color: #fff;
    font-size: 2.5em;
    font-weight: 900;
}

Javascript

$('.tilt').tilt({
    scale: 1.2,
    glare: true,
    maxGlare: .5
});