Skip to content

Instantly share code, notes, and snippets.

@liulinboyi

liulinboyi/index.html

Created December 5, 2020 08:09
Show Gist options
  • Save liulinboyi/25ed11674c9dc2cd265fc18a224f79a6 to your computer and use it in GitHub Desktop.
Save liulinboyi/25ed11674c9dc2cd265fc18a224f79a6 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/mijaboxaxi
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
.cicle {
width: 48px;
height: 48px;
border: 4px solid rgba(0,0,0,.12);
border-top-color: rgba(0,0,0,.32);
border-radius: 50%;
-webkit-animation: dui-spin-rotate .8s linear infinite;
animation: dui-spin-rotate .8s linear infinite;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@keyframes dui-spin-rotate
{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
</style>
</head>
<body>
<div class="cicle"></div>
<script id="jsbin-source-css" type="text/css">.cicle {
width: 48px;
height: 48px;
border: 4px solid rgba(0,0,0,.12);
border-top-color: rgba(0,0,0,.32);
border-radius: 50%;
-webkit-animation: dui-spin-rotate .8s linear infinite;
animation: dui-spin-rotate .8s linear infinite;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@keyframes dui-spin-rotate
{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}</script>
</body>
</html>
Raw
jsbin.mijaboxaxi.css
.cicle {
width: 48px;
height: 48px;
border: 4px solid rgba(0,0,0,.12);
border-top-color: rgba(0,0,0,.32);
border-radius: 50%;
-webkit-animation: dui-spin-rotate .8s linear infinite;
animation: dui-spin-rotate .8s linear infinite;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@keyframes dui-spin-rotate
{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment