Assignment 4 Question 2

How to create css loader using border property

How to create css loader using border property

<!DOCTYPE html>
<head>
    <title>assignment_4</title>
    <style type="text/css">
        div{
            margin: auto;
            border: 5px;
            border-style: solid;
            width: 100px;   
            height: 100px;
            position: relative;
           
        }
        div{
            border-radius: 60px;
            border-top-color: red;
            border-left-color: green;
            border-right-color:orange;
            border-bottom-color: blue;
            margin-top: 90px;
        }
       
    </style>
</head>
<body>
    <div>

    </div>
</body>
</html>```
1 Like

i did not get loader but i found some other shape