-
Notifications
You must be signed in to change notification settings - Fork 0
/
circlemove.css
43 lines (43 loc) · 860 Bytes
/
circlemove.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
*{
margin:0;
padding: 0;
box-sizing: border-box;
}
.body{
width: 100%;
height: 100vh;
}
.circle{
display:flex;
justify-content: center;
align-items: center;
position:relative;
}
.circlemovebg{
height: 7rem;
width: 7rem;
background:linear-gradient(90deg,violet,indigo,blue,green, yellow, orange,red);
border-radius: 50%;
position:absolute;
margin-top: 40rem;
animation: spin 2s linear infinite;
margin-left: 7rem;
margin-top:47rem;
}
@keyframes spin{
0%{
transform:translate(-50%,-50%)rotate(0deg);
}
100%{
transform: translate(-50%,-50%)rotate(360deg);
}
}
.circlemovesg{
height: 5rem;
width: 5rem;
background:linear-gradient(white,whitesmoke);
outline-color: black;
position: absolute;
margin-top: 40rem;
border-radius: 50%;
}