Skip to content

Commit 884b119

Browse files
committed
I made smoother animation
1 parent b2fe60d commit 884b119

File tree

1 file changed

+10
-12
lines changed

1 file changed

+10
-12
lines changed

02.Creative Loading Animation/style.css

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -23,30 +23,28 @@ body {
2323

2424
.loader .loading {
2525
background: #fff;
26-
width: 30px;
27-
height: 30px;
26+
width: 15px;
27+
height: 15px;
2828
border-radius: 50px;
2929
margin: 0 10px;
30-
animation: load 0.8s ease infinite;
30+
animation: load 1.4s ease infinite;
3131
}
3232

33-
.loader .loading.one {
34-
animation-delay: 0.3s;
35-
}
3633
.loader .loading.two {
37-
animation-delay: 0.4s;
34+
animation-delay: 0.2s;
3835
}
3936
.loader .loading.three {
40-
animation-delay: 0.5s;
37+
animation-delay: 0.4s;
38+
}
39+
.loader .loading.four {
40+
animation-delay: 0.6s;
4141
}
4242

4343
@keyframes load {
4444
0% {
45-
width: 30px;
46-
height: 30px;
45+
transform: scale(1, 1);
4746
}
4847
50% {
49-
width: 20px;
50-
height: 20px;
48+
transform: scale(1.5, 1.5);
5149
}
5250
}

0 commit comments

Comments
 (0)