Breaking News: Grepper is joining You.com. Read the official announcement!

circular loading css

Ivan Londono answered on November 12, 2022 Popularity 9/10 Helpfulness 4/10

answer circular loading css

circular loading css

Comment

<style>
 .loader, .loader:after {
            border-radius: 50%;
            width: 10em;
            height: 10em;
        }
.loader {            
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
        }
@-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
@keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
#loadingDiv {
            position:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:#000;
        }
</style>
<div style="" id="loadingDiv"><div class="loader">Loading...</div></div>

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: css html loading

Link to this answer
Share Copy Link

Contributed on Nov 12 2022

Ivan Londono

0 Answers Avg Quality 2/10

circular loading css

Contents

More Related Answers

circular loading css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.