CSS SHAKE

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />

    <link rel="stylesheet" href="https://csshake.surge.sh/csshake.min.css"></link>
    <title>CSS SHAKE</title>

    <style>
        body {
            margin: auto;
            width: 364px;
        }

        div {
            float: left;
            margin: 1em;
        }

        h1 {
            font-size: 4em;
            cursor: default;
        }

        h2 {
            font-size: 3em;
            text-transform: uppercase;
            text-align: center;
            border-bottom: 2px solid #111;
            padding-bottom: 10px;
        }
    </style>
</head>

<body>
    <h2>css shake</h2>

    <div class="shake">
        <h1>🙉</h1></div>

    <div class="shake-hard">
        <h1>🙉</h1></div>

    <div class="shake-slow">
        <h1>🙉</h1></div>

    <div class="shake-little">
        <h1>🙉</h1></div>

    <div class="shake-horizontal">
        <h1>🙉</h1></div>

    <div class="shake-vertical">
        <h1>🙉</h1></div>

    <div class="shake-rotate">
        <h1>🙉</h1></div>

    <div class="shake-opacity">
        <h1>🙉</h1></div>

    <div class="shake-crazy">
        <h1>🙉</h1></div>

    <div class="shake-chunk">
        <h1>🙉</h1></div>

    <div class="shake-slow shake-constant">
        <h1>🙉</h1></div>

    <div class="shake-slow shake-constant shake-constant--hover">
        <h1>🙉</h1></div>

    <div class="shake-crazy shake-freeze">
        <h1>🙉</h1></div>

</body>

</html>