CSS Loading

<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>

<head>
    <style>
        .loading span {
            animation-name: loadingAni;
            animation-duration: 1.4s;
            animation-iteration-count: infinite;
            animation-fill-mode: both;
            font-size: 40px;
            font-weight: 700;
            color: green;
        }
        .loading span:nth-child(2) {
            animation-delay: .2s;
        }
        .loading span:nth-child(3) {
            animation-delay: .4s;
        }
        @keyframes loadingAni {
            0% {
                opacity: .2;
            }
            20% {
                opacity: 1;
            }
            100% {
                opacity: .2;
            }
        }
        .loadingCircle {
            border: 5px solid #f3f3f3;
            border-radius: 50%;
            width: 100px;
            height: 100px;
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
            position: relative;
        }
        .loadingCircle::before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background: #0bf;
            border-radius: 50%;
            top: 17px;
        }
        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
            }
        }
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
    </style>
</head>

<body>
    <div class="loading">Processing your submitted form <span>.</span><span>.</span><span>.</span></div>
    <br><br>
    <div class="loadingCircle"></div>
    <br><br>
    <a href="https://anything-learn.blogspot.com/2018/10/css-loading.html" style="color:#333;  bottom:5px; left:0; right:0; margin:auto; text-align:center; font-family:arial; font-size:11px" target="_blank"><b>Refrence Link:</b> https://anything-learn.blogspot.com/2018/10/css-loading.html</a>
</body>

</html>