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

loading animation html

YOU.com answered on June 26, 2022 Popularity 10/10 Helpfulness 4/10

answer loading animation html

related loading animation css

loading animation html

Comment

<!DOCTYPE html>
<html>
  <head>
    <style>
      /* Define the animation */
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      
      /* Apply the animation to an element */
      .loading {
        width: 50px;
        height: 50px;
        border: 5px solid #f3f3f3;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        animation: spin 2s linear infinite;
      }
    </style>
  </head>
  <body>
    <div class="loading"></div>
  </body>
</html>

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

loading animation css

Comment

<style> 
div {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  animation-name: example;
  animation-duration: 0.01s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}
</style>

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 26 2022

vasilaking

0 Answers Avg Quality 2/10

loading animation html

Contents

More Related Answers

loading animation html

Closely Related Answers

loading animation css

Grepper

Documentation

Social

Legal

Contact

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