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

loading animation css

Add Answer

vasilaking answered on June 26, 2022 Popularity 10/10 Helpfulness 3/10

answer loading animation css

related loading animation html

related loading css

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 loading-animation

Link to this answer
Share Copy Link

Contributed on Jun 26 2022

vasilaking

0 Answers Avg Quality 2/10

Closely Related Answers

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 9/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

loading css

Comment

<div class="spinner-border" role="status">
  <span class="visually-hidden">Loading...</span>
</div>

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: getbootstrap.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 23 2023

Bad Badger

0 Answers Avg Quality 2/10

loading animation css

Contents

More Related Answers

loading animation css

Closely Related Answers

loading animation html

loading css

Grepper

Documentation

Social

Legal

Contact

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