x
1
<style>2
.loader-3 {3
border: 16px solid #f3f3f3;4
border-radius: 50%;5
border-top: 16px solid blue;6
border-right: 16px solid green;7
border-bottom: 16px solid red;8
width: 120px;9
height: 120px;10
animation: spin 2s linear infinite;11
animation: spin 2s linear infinite;12
}13
14
@-webkit-keyframes spin {15
0% {16
transform: rotate(0deg);17
}18
100% {19
transform: rotate(360deg);20
}21
}22
23
@keyframes spin {24
0% {25
transform: rotate(0deg);26
}27
100% {28
transform: rotate(360deg);29
}30
}31
</style>32
33
<div class="loader-3"></div>