<html>
    <style>
        div {
            position: fixed;
            top: 0px;
            opacity: 0;
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
            color: white;
            font-weight: bold;
            padding: 15px 30px;
            border-radius: 10px 10px;
            background-color: rgb(28, 28, 28);
            animation-duration: 2s;
            animation-delay: 1s;
            animation-name: fadein;
            animation-fill-mode: forwards;
            box-shadow: 5px 5px 50px rgb(176, 176, 176);
        }
        span {
            color:rgb(61, 194, 0);
            padding-left: 5px;
            font-weight: bolder;
            font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        }
        @keyframes fadein {
            0% {
                opacity: 0;
                top: 0px;
            }
            15% {
                opacity: 1;
                top: 10px;
            }
            95% {
                opacity: 1;
                top: 10px;
            }
            100% {
                opacity: 0;
                top: 0px;
            }
        }
    </style>
    <body>
        <div>
            Saved<span>/</span>
        </div>
    </body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.