<html>
<head>
<style>
system
display screen: grid
area-things: center
.loader
width: 70px
height: 70px
posture: relative
z-index: 999
.loader::before, .loader::after
content: ''
position: complete
width: inherit
peak: inherit
border-radius: 50%
combine-mix-mode: multiply
animation:
rotate92523 2s infinite cubic-bezier(.77, , .175, 1)
.loader::prior to
qualifications-coloration: #5F8D4E
.loader::after
track record-coloration: #6D9886
animation-hold off: 1s
@keyframes rotate92523
%,
100%
left: 35px
25%
transform: scale(.3)
50%
left: %
75%
remodel: scale(1)
style>
head>
<body>
<h1 style="color:green">
GeeksforGeeks
h1>
<h3 style="color:green">
Rotating pass by balls loader animation
h3>
<div class="loader">div>
body>
html>
Resource link
