PRACTICE SET 8(APC)

HTML


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="STLE.CSS">
</head>
<body>
  <div class="loader"></div>  
       
</body>
</html> 

CSS

.loader{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    border: 10px solid #4ecdc4;
    border-top: 10px solid yellow ;
    animation: spinanimate 3s ease-in 0s infinite normal ;
   
}
@keyframes spinanimate {
    from{
        transform:rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

Comments

Post a Comment

Popular posts from this blog

AMAZON HOME PAGE CLONE PROJECT

Image
HTML <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Amazon </ title >     < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity = "sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin = "anonymous" referrerpolicy = "no-referrer" />     < link rel = "stylesheet" href = "STLE.CSS" > </ head > < body >     < header >         < div class = "navbar border" >             < div class = "nav-logo border" >                 < div class = "logo" ></ div >             ...
Read more

Array in Javascript

  // Array let myarr = [ 0 , 1 , 2 , 3 , 4 , 5 ] console . log ( myarr . length ); // Array Methods myarr . push ( 6 , 7 ) console . log ( myarr ); // slice,splice const myn1 = myarr . slice ( 0 , 4 ) console . log ( myn1 );
Read more

Array in function Javascript

  const ranger = [ "Troy" , "Jake" , "Noah" ] const rangerd = [ "Tylor" , "Chase" , "Koda" ] // ranger.push(rangerd) // const allranger = ranger.concat(rangerd) // console.log(allranger); // console.log(Array.isArray("Debadatta")); // console.log(Array.from("Debadatta")); // console.log(Array.isArray({name:"Debadatta"}));// Intresting let score1 = 100 let score2 = 200 let score3 = 300 console . log ( Array . of ( score1 , score2 , score3 ));
Read more