x
1
<style>2
.loader-4 {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
border-left: 16px solid pink;9
width: 120px;10
height: 120px;11
animation: spin 2s linear infinite;12
animation: spin 2s linear infinite;13
}14
15
@-webkit-keyframes spin {16
0% {17
transform: rotate(0deg);18
}19
100% {20
transform: rotate(360deg);21
}22
}23
24
@keyframes spin {25
0% {26
transform: rotate(0deg);27
}28
100% {29
transform: rotate(360deg);30
}31
}32
</style>33
34
<div class="loader-4"></div>