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

spinner in html css react

Dayanaohhnana answered on November 16, 2020 Popularity 8/10 Helpfulness 4/10

answer spinner in html css react

spinner in html css react

Comment

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid white;
  border-bottom: 16px solid white;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>
</head>
<body>

<h2>How To Create A Loader</h2>

<div class="loader"></div>

</body>
</html>

Popularity 8/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css html spinner

Link to this answer
Share Copy Link

Contributed on Nov 16 2020

Dayanaohhnana

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

spinner in html css react

Contents

More Related Answers

spinner in html css react

Grepper

Documentation

Social

Legal

Contact

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