Circular Circle Circling

Developer

Size

5,471 Kb

Views

10,120

Circular Circle Circling Previews
Circular Circle Circling HTML Codes
Circular Circle Circling CSS Codes

How do I make an circular circle circling?

What is a circular circle circling? How do you make a circular circle circling? This script and codes were developed by Michael Hobizal on 05 January 2023, Thursday.

Circular Circle Circling Previews

Circular Circle Circling - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Circular Circle Circling</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='wrap'> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div> <div class='line'></div>
</div>
</body>
</html>

Circular Circle Circling - Script Codes CSS Codes

body { background: #e9f2f9;
}
.wrap { margin: 150px auto; position: relative; width: 200px; height: 200px; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-animation: spin 18s linear infinite; -moz-animation: spin 18s linear infinite; animation: spin 18s linear infinite;
}
.line { width: 100px; height: 10px; position: absolute; right: 50%; top: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%;
}
.line:after { content: ''; background: transparent; width: 30px; height: 30px; border: 1px solid #0093a6; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; border-radius: 100%; position: absolute; left: 0; top: 0;
}
.line:nth-of-type(1) { -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); transform: rotate(4deg);
}
.line:nth-of-type(1):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; animation-delay: -100ms;
}
.line:nth-of-type(2) { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg);
}
.line:nth-of-type(2):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; animation-delay: -200ms;
}
.line:nth-of-type(3) { -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); -ms-transform: rotate(12deg); -o-transform: rotate(12deg); transform: rotate(12deg);
}
.line:nth-of-type(3):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -300ms; -moz-animation-delay: -300ms; animation-delay: -300ms;
}
.line:nth-of-type(4) { -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); -o-transform: rotate(16deg); transform: rotate(16deg);
}
.line:nth-of-type(4):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -400ms; -moz-animation-delay: -400ms; animation-delay: -400ms;
}
.line:nth-of-type(5) { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg);
}
.line:nth-of-type(5):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -500ms; -moz-animation-delay: -500ms; animation-delay: -500ms;
}
.line:nth-of-type(6) { -webkit-transform: rotate(24deg); -moz-transform: rotate(24deg); -ms-transform: rotate(24deg); -o-transform: rotate(24deg); transform: rotate(24deg);
}
.line:nth-of-type(6):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -600ms; -moz-animation-delay: -600ms; animation-delay: -600ms;
}
.line:nth-of-type(7) { -webkit-transform: rotate(28deg); -moz-transform: rotate(28deg); -ms-transform: rotate(28deg); -o-transform: rotate(28deg); transform: rotate(28deg);
}
.line:nth-of-type(7):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -700ms; -moz-animation-delay: -700ms; animation-delay: -700ms;
}
.line:nth-of-type(8) { -webkit-transform: rotate(32deg); -moz-transform: rotate(32deg); -ms-transform: rotate(32deg); -o-transform: rotate(32deg); transform: rotate(32deg);
}
.line:nth-of-type(8):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -800ms; -moz-animation-delay: -800ms; animation-delay: -800ms;
}
.line:nth-of-type(9) { -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg);
}
.line:nth-of-type(9):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -900ms; -moz-animation-delay: -900ms; animation-delay: -900ms;
}
.line:nth-of-type(10) { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg);
}
.line:nth-of-type(10):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1000ms; -moz-animation-delay: -1000ms; animation-delay: -1000ms;
}
.line:nth-of-type(11) { -webkit-transform: rotate(44deg); -moz-transform: rotate(44deg); -ms-transform: rotate(44deg); -o-transform: rotate(44deg); transform: rotate(44deg);
}
.line:nth-of-type(11):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1100ms; -moz-animation-delay: -1100ms; animation-delay: -1100ms;
}
.line:nth-of-type(12) { -webkit-transform: rotate(48deg); -moz-transform: rotate(48deg); -ms-transform: rotate(48deg); -o-transform: rotate(48deg); transform: rotate(48deg);
}
.line:nth-of-type(12):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1200ms; -moz-animation-delay: -1200ms; animation-delay: -1200ms;
}
.line:nth-of-type(13) { -webkit-transform: rotate(52deg); -moz-transform: rotate(52deg); -ms-transform: rotate(52deg); -o-transform: rotate(52deg); transform: rotate(52deg);
}
.line:nth-of-type(13):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1300ms; -moz-animation-delay: -1300ms; animation-delay: -1300ms;
}
.line:nth-of-type(14) { -webkit-transform: rotate(56deg); -moz-transform: rotate(56deg); -ms-transform: rotate(56deg); -o-transform: rotate(56deg); transform: rotate(56deg);
}
.line:nth-of-type(14):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1400ms; -moz-animation-delay: -1400ms; animation-delay: -1400ms;
}
.line:nth-of-type(15) { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg);
}
.line:nth-of-type(15):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1500ms; -moz-animation-delay: -1500ms; animation-delay: -1500ms;
}
.line:nth-of-type(16) { -webkit-transform: rotate(64deg); -moz-transform: rotate(64deg); -ms-transform: rotate(64deg); -o-transform: rotate(64deg); transform: rotate(64deg);
}
.line:nth-of-type(16):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1600ms; -moz-animation-delay: -1600ms; animation-delay: -1600ms;
}
.line:nth-of-type(17) { -webkit-transform: rotate(68deg); -moz-transform: rotate(68deg); -ms-transform: rotate(68deg); -o-transform: rotate(68deg); transform: rotate(68deg);
}
.line:nth-of-type(17):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1700ms; -moz-animation-delay: -1700ms; animation-delay: -1700ms;
}
.line:nth-of-type(18) { -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg);
}
.line:nth-of-type(18):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1800ms; -moz-animation-delay: -1800ms; animation-delay: -1800ms;
}
.line:nth-of-type(19) { -webkit-transform: rotate(76deg); -moz-transform: rotate(76deg); -ms-transform: rotate(76deg); -o-transform: rotate(76deg); transform: rotate(76deg);
}
.line:nth-of-type(19):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -1900ms; -moz-animation-delay: -1900ms; animation-delay: -1900ms;
}
.line:nth-of-type(20) { -webkit-transform: rotate(80deg); -moz-transform: rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(80deg);
}
.line:nth-of-type(20):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2000ms; -moz-animation-delay: -2000ms; animation-delay: -2000ms;
}
.line:nth-of-type(21) { -webkit-transform: rotate(84deg); -moz-transform: rotate(84deg); -ms-transform: rotate(84deg); -o-transform: rotate(84deg); transform: rotate(84deg);
}
.line:nth-of-type(21):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2100ms; -moz-animation-delay: -2100ms; animation-delay: -2100ms;
}
.line:nth-of-type(22) { -webkit-transform: rotate(88deg); -moz-transform: rotate(88deg); -ms-transform: rotate(88deg); -o-transform: rotate(88deg); transform: rotate(88deg);
}
.line:nth-of-type(22):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2200ms; -moz-animation-delay: -2200ms; animation-delay: -2200ms;
}
.line:nth-of-type(23) { -webkit-transform: rotate(92deg); -moz-transform: rotate(92deg); -ms-transform: rotate(92deg); -o-transform: rotate(92deg); transform: rotate(92deg);
}
.line:nth-of-type(23):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2300ms; -moz-animation-delay: -2300ms; animation-delay: -2300ms;
}
.line:nth-of-type(24) { -webkit-transform: rotate(96deg); -moz-transform: rotate(96deg); -ms-transform: rotate(96deg); -o-transform: rotate(96deg); transform: rotate(96deg);
}
.line:nth-of-type(24):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2400ms; -moz-animation-delay: -2400ms; animation-delay: -2400ms;
}
.line:nth-of-type(25) { -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg); -ms-transform: rotate(100deg); -o-transform: rotate(100deg); transform: rotate(100deg);
}
.line:nth-of-type(25):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2500ms; -moz-animation-delay: -2500ms; animation-delay: -2500ms;
}
.line:nth-of-type(26) { -webkit-transform: rotate(104deg); -moz-transform: rotate(104deg); -ms-transform: rotate(104deg); -o-transform: rotate(104deg); transform: rotate(104deg);
}
.line:nth-of-type(26):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2600ms; -moz-animation-delay: -2600ms; animation-delay: -2600ms;
}
.line:nth-of-type(27) { -webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg);
}
.line:nth-of-type(27):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2700ms; -moz-animation-delay: -2700ms; animation-delay: -2700ms;
}
.line:nth-of-type(28) { -webkit-transform: rotate(112deg); -moz-transform: rotate(112deg); -ms-transform: rotate(112deg); -o-transform: rotate(112deg); transform: rotate(112deg);
}
.line:nth-of-type(28):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2800ms; -moz-animation-delay: -2800ms; animation-delay: -2800ms;
}
.line:nth-of-type(29) { -webkit-transform: rotate(116deg); -moz-transform: rotate(116deg); -ms-transform: rotate(116deg); -o-transform: rotate(116deg); transform: rotate(116deg);
}
.line:nth-of-type(29):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -2900ms; -moz-animation-delay: -2900ms; animation-delay: -2900ms;
}
.line:nth-of-type(30) { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg);
}
.line:nth-of-type(30):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3000ms; -moz-animation-delay: -3000ms; animation-delay: -3000ms;
}
.line:nth-of-type(31) { -webkit-transform: rotate(124deg); -moz-transform: rotate(124deg); -ms-transform: rotate(124deg); -o-transform: rotate(124deg); transform: rotate(124deg);
}
.line:nth-of-type(31):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3100ms; -moz-animation-delay: -3100ms; animation-delay: -3100ms;
}
.line:nth-of-type(32) { -webkit-transform: rotate(128deg); -moz-transform: rotate(128deg); -ms-transform: rotate(128deg); -o-transform: rotate(128deg); transform: rotate(128deg);
}
.line:nth-of-type(32):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3200ms; -moz-animation-delay: -3200ms; animation-delay: -3200ms;
}
.line:nth-of-type(33) { -webkit-transform: rotate(132deg); -moz-transform: rotate(132deg); -ms-transform: rotate(132deg); -o-transform: rotate(132deg); transform: rotate(132deg);
}
.line:nth-of-type(33):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3300ms; -moz-animation-delay: -3300ms; animation-delay: -3300ms;
}
.line:nth-of-type(34) { -webkit-transform: rotate(136deg); -moz-transform: rotate(136deg); -ms-transform: rotate(136deg); -o-transform: rotate(136deg); transform: rotate(136deg);
}
.line:nth-of-type(34):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3400ms; -moz-animation-delay: -3400ms; animation-delay: -3400ms;
}
.line:nth-of-type(35) { -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg);
}
.line:nth-of-type(35):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3500ms; -moz-animation-delay: -3500ms; animation-delay: -3500ms;
}
.line:nth-of-type(36) { -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg);
}
.line:nth-of-type(36):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3600ms; -moz-animation-delay: -3600ms; animation-delay: -3600ms;
}
.line:nth-of-type(37) { -webkit-transform: rotate(148deg); -moz-transform: rotate(148deg); -ms-transform: rotate(148deg); -o-transform: rotate(148deg); transform: rotate(148deg);
}
.line:nth-of-type(37):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3700ms; -moz-animation-delay: -3700ms; animation-delay: -3700ms;
}
.line:nth-of-type(38) { -webkit-transform: rotate(152deg); -moz-transform: rotate(152deg); -ms-transform: rotate(152deg); -o-transform: rotate(152deg); transform: rotate(152deg);
}
.line:nth-of-type(38):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3800ms; -moz-animation-delay: -3800ms; animation-delay: -3800ms;
}
.line:nth-of-type(39) { -webkit-transform: rotate(156deg); -moz-transform: rotate(156deg); -ms-transform: rotate(156deg); -o-transform: rotate(156deg); transform: rotate(156deg);
}
.line:nth-of-type(39):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -3900ms; -moz-animation-delay: -3900ms; animation-delay: -3900ms;
}
.line:nth-of-type(40) { -webkit-transform: rotate(160deg); -moz-transform: rotate(160deg); -ms-transform: rotate(160deg); -o-transform: rotate(160deg); transform: rotate(160deg);
}
.line:nth-of-type(40):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4000ms; -moz-animation-delay: -4000ms; animation-delay: -4000ms;
}
.line:nth-of-type(41) { -webkit-transform: rotate(164deg); -moz-transform: rotate(164deg); -ms-transform: rotate(164deg); -o-transform: rotate(164deg); transform: rotate(164deg);
}
.line:nth-of-type(41):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4100ms; -moz-animation-delay: -4100ms; animation-delay: -4100ms;
}
.line:nth-of-type(42) { -webkit-transform: rotate(168deg); -moz-transform: rotate(168deg); -ms-transform: rotate(168deg); -o-transform: rotate(168deg); transform: rotate(168deg);
}
.line:nth-of-type(42):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4200ms; -moz-animation-delay: -4200ms; animation-delay: -4200ms;
}
.line:nth-of-type(43) { -webkit-transform: rotate(172deg); -moz-transform: rotate(172deg); -ms-transform: rotate(172deg); -o-transform: rotate(172deg); transform: rotate(172deg);
}
.line:nth-of-type(43):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4300ms; -moz-animation-delay: -4300ms; animation-delay: -4300ms;
}
.line:nth-of-type(44) { -webkit-transform: rotate(176deg); -moz-transform: rotate(176deg); -ms-transform: rotate(176deg); -o-transform: rotate(176deg); transform: rotate(176deg);
}
.line:nth-of-type(44):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4400ms; -moz-animation-delay: -4400ms; animation-delay: -4400ms;
}
.line:nth-of-type(45) { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.line:nth-of-type(45):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4500ms; -moz-animation-delay: -4500ms; animation-delay: -4500ms;
}
.line:nth-of-type(46) { -webkit-transform: rotate(184deg); -moz-transform: rotate(184deg); -ms-transform: rotate(184deg); -o-transform: rotate(184deg); transform: rotate(184deg);
}
.line:nth-of-type(46):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4600ms; -moz-animation-delay: -4600ms; animation-delay: -4600ms;
}
.line:nth-of-type(47) { -webkit-transform: rotate(188deg); -moz-transform: rotate(188deg); -ms-transform: rotate(188deg); -o-transform: rotate(188deg); transform: rotate(188deg);
}
.line:nth-of-type(47):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4700ms; -moz-animation-delay: -4700ms; animation-delay: -4700ms;
}
.line:nth-of-type(48) { -webkit-transform: rotate(192deg); -moz-transform: rotate(192deg); -ms-transform: rotate(192deg); -o-transform: rotate(192deg); transform: rotate(192deg);
}
.line:nth-of-type(48):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4800ms; -moz-animation-delay: -4800ms; animation-delay: -4800ms;
}
.line:nth-of-type(49) { -webkit-transform: rotate(196deg); -moz-transform: rotate(196deg); -ms-transform: rotate(196deg); -o-transform: rotate(196deg); transform: rotate(196deg);
}
.line:nth-of-type(49):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -4900ms; -moz-animation-delay: -4900ms; animation-delay: -4900ms;
}
.line:nth-of-type(50) { -webkit-transform: rotate(200deg); -moz-transform: rotate(200deg); -ms-transform: rotate(200deg); -o-transform: rotate(200deg); transform: rotate(200deg);
}
.line:nth-of-type(50):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5000ms; -moz-animation-delay: -5000ms; animation-delay: -5000ms;
}
.line:nth-of-type(51) { -webkit-transform: rotate(204deg); -moz-transform: rotate(204deg); -ms-transform: rotate(204deg); -o-transform: rotate(204deg); transform: rotate(204deg);
}
.line:nth-of-type(51):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5100ms; -moz-animation-delay: -5100ms; animation-delay: -5100ms;
}
.line:nth-of-type(52) { -webkit-transform: rotate(208deg); -moz-transform: rotate(208deg); -ms-transform: rotate(208deg); -o-transform: rotate(208deg); transform: rotate(208deg);
}
.line:nth-of-type(52):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5200ms; -moz-animation-delay: -5200ms; animation-delay: -5200ms;
}
.line:nth-of-type(53) { -webkit-transform: rotate(212deg); -moz-transform: rotate(212deg); -ms-transform: rotate(212deg); -o-transform: rotate(212deg); transform: rotate(212deg);
}
.line:nth-of-type(53):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5300ms; -moz-animation-delay: -5300ms; animation-delay: -5300ms;
}
.line:nth-of-type(54) { -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg);
}
.line:nth-of-type(54):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5400ms; -moz-animation-delay: -5400ms; animation-delay: -5400ms;
}
.line:nth-of-type(55) { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg);
}
.line:nth-of-type(55):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5500ms; -moz-animation-delay: -5500ms; animation-delay: -5500ms;
}
.line:nth-of-type(56) { -webkit-transform: rotate(224deg); -moz-transform: rotate(224deg); -ms-transform: rotate(224deg); -o-transform: rotate(224deg); transform: rotate(224deg);
}
.line:nth-of-type(56):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5600ms; -moz-animation-delay: -5600ms; animation-delay: -5600ms;
}
.line:nth-of-type(57) { -webkit-transform: rotate(228deg); -moz-transform: rotate(228deg); -ms-transform: rotate(228deg); -o-transform: rotate(228deg); transform: rotate(228deg);
}
.line:nth-of-type(57):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5700ms; -moz-animation-delay: -5700ms; animation-delay: -5700ms;
}
.line:nth-of-type(58) { -webkit-transform: rotate(232deg); -moz-transform: rotate(232deg); -ms-transform: rotate(232deg); -o-transform: rotate(232deg); transform: rotate(232deg);
}
.line:nth-of-type(58):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5800ms; -moz-animation-delay: -5800ms; animation-delay: -5800ms;
}
.line:nth-of-type(59) { -webkit-transform: rotate(236deg); -moz-transform: rotate(236deg); -ms-transform: rotate(236deg); -o-transform: rotate(236deg); transform: rotate(236deg);
}
.line:nth-of-type(59):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -5900ms; -moz-animation-delay: -5900ms; animation-delay: -5900ms;
}
.line:nth-of-type(60) { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -ms-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg);
}
.line:nth-of-type(60):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6000ms; -moz-animation-delay: -6000ms; animation-delay: -6000ms;
}
.line:nth-of-type(61) { -webkit-transform: rotate(244deg); -moz-transform: rotate(244deg); -ms-transform: rotate(244deg); -o-transform: rotate(244deg); transform: rotate(244deg);
}
.line:nth-of-type(61):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6100ms; -moz-animation-delay: -6100ms; animation-delay: -6100ms;
}
.line:nth-of-type(62) { -webkit-transform: rotate(248deg); -moz-transform: rotate(248deg); -ms-transform: rotate(248deg); -o-transform: rotate(248deg); transform: rotate(248deg);
}
.line:nth-of-type(62):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6200ms; -moz-animation-delay: -6200ms; animation-delay: -6200ms;
}
.line:nth-of-type(63) { -webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg);
}
.line:nth-of-type(63):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6300ms; -moz-animation-delay: -6300ms; animation-delay: -6300ms;
}
.line:nth-of-type(64) { -webkit-transform: rotate(256deg); -moz-transform: rotate(256deg); -ms-transform: rotate(256deg); -o-transform: rotate(256deg); transform: rotate(256deg);
}
.line:nth-of-type(64):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6400ms; -moz-animation-delay: -6400ms; animation-delay: -6400ms;
}
.line:nth-of-type(65) { -webkit-transform: rotate(260deg); -moz-transform: rotate(260deg); -ms-transform: rotate(260deg); -o-transform: rotate(260deg); transform: rotate(260deg);
}
.line:nth-of-type(65):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6500ms; -moz-animation-delay: -6500ms; animation-delay: -6500ms;
}
.line:nth-of-type(66) { -webkit-transform: rotate(264deg); -moz-transform: rotate(264deg); -ms-transform: rotate(264deg); -o-transform: rotate(264deg); transform: rotate(264deg);
}
.line:nth-of-type(66):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6600ms; -moz-animation-delay: -6600ms; animation-delay: -6600ms;
}
.line:nth-of-type(67) { -webkit-transform: rotate(268deg); -moz-transform: rotate(268deg); -ms-transform: rotate(268deg); -o-transform: rotate(268deg); transform: rotate(268deg);
}
.line:nth-of-type(67):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6700ms; -moz-animation-delay: -6700ms; animation-delay: -6700ms;
}
.line:nth-of-type(68) { -webkit-transform: rotate(272deg); -moz-transform: rotate(272deg); -ms-transform: rotate(272deg); -o-transform: rotate(272deg); transform: rotate(272deg);
}
.line:nth-of-type(68):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6800ms; -moz-animation-delay: -6800ms; animation-delay: -6800ms;
}
.line:nth-of-type(69) { -webkit-transform: rotate(276deg); -moz-transform: rotate(276deg); -ms-transform: rotate(276deg); -o-transform: rotate(276deg); transform: rotate(276deg);
}
.line:nth-of-type(69):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -6900ms; -moz-animation-delay: -6900ms; animation-delay: -6900ms;
}
.line:nth-of-type(70) { -webkit-transform: rotate(280deg); -moz-transform: rotate(280deg); -ms-transform: rotate(280deg); -o-transform: rotate(280deg); transform: rotate(280deg);
}
.line:nth-of-type(70):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7000ms; -moz-animation-delay: -7000ms; animation-delay: -7000ms;
}
.line:nth-of-type(71) { -webkit-transform: rotate(284deg); -moz-transform: rotate(284deg); -ms-transform: rotate(284deg); -o-transform: rotate(284deg); transform: rotate(284deg);
}
.line:nth-of-type(71):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7100ms; -moz-animation-delay: -7100ms; animation-delay: -7100ms;
}
.line:nth-of-type(72) { -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg);
}
.line:nth-of-type(72):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7200ms; -moz-animation-delay: -7200ms; animation-delay: -7200ms;
}
.line:nth-of-type(73) { -webkit-transform: rotate(292deg); -moz-transform: rotate(292deg); -ms-transform: rotate(292deg); -o-transform: rotate(292deg); transform: rotate(292deg);
}
.line:nth-of-type(73):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7300ms; -moz-animation-delay: -7300ms; animation-delay: -7300ms;
}
.line:nth-of-type(74) { -webkit-transform: rotate(296deg); -moz-transform: rotate(296deg); -ms-transform: rotate(296deg); -o-transform: rotate(296deg); transform: rotate(296deg);
}
.line:nth-of-type(74):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7400ms; -moz-animation-delay: -7400ms; animation-delay: -7400ms;
}
.line:nth-of-type(75) { -webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); -ms-transform: rotate(300deg); -o-transform: rotate(300deg); transform: rotate(300deg);
}
.line:nth-of-type(75):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7500ms; -moz-animation-delay: -7500ms; animation-delay: -7500ms;
}
.line:nth-of-type(76) { -webkit-transform: rotate(304deg); -moz-transform: rotate(304deg); -ms-transform: rotate(304deg); -o-transform: rotate(304deg); transform: rotate(304deg);
}
.line:nth-of-type(76):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7600ms; -moz-animation-delay: -7600ms; animation-delay: -7600ms;
}
.line:nth-of-type(77) { -webkit-transform: rotate(308deg); -moz-transform: rotate(308deg); -ms-transform: rotate(308deg); -o-transform: rotate(308deg); transform: rotate(308deg);
}
.line:nth-of-type(77):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7700ms; -moz-animation-delay: -7700ms; animation-delay: -7700ms;
}
.line:nth-of-type(78) { -webkit-transform: rotate(312deg); -moz-transform: rotate(312deg); -ms-transform: rotate(312deg); -o-transform: rotate(312deg); transform: rotate(312deg);
}
.line:nth-of-type(78):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7800ms; -moz-animation-delay: -7800ms; animation-delay: -7800ms;
}
.line:nth-of-type(79) { -webkit-transform: rotate(316deg); -moz-transform: rotate(316deg); -ms-transform: rotate(316deg); -o-transform: rotate(316deg); transform: rotate(316deg);
}
.line:nth-of-type(79):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -7900ms; -moz-animation-delay: -7900ms; animation-delay: -7900ms;
}
.line:nth-of-type(80) { -webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -ms-transform: rotate(320deg); -o-transform: rotate(320deg); transform: rotate(320deg);
}
.line:nth-of-type(80):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8000ms; -moz-animation-delay: -8000ms; animation-delay: -8000ms;
}
.line:nth-of-type(81) { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg);
}
.line:nth-of-type(81):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8100ms; -moz-animation-delay: -8100ms; animation-delay: -8100ms;
}
.line:nth-of-type(82) { -webkit-transform: rotate(328deg); -moz-transform: rotate(328deg); -ms-transform: rotate(328deg); -o-transform: rotate(328deg); transform: rotate(328deg);
}
.line:nth-of-type(82):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8200ms; -moz-animation-delay: -8200ms; animation-delay: -8200ms;
}
.line:nth-of-type(83) { -webkit-transform: rotate(332deg); -moz-transform: rotate(332deg); -ms-transform: rotate(332deg); -o-transform: rotate(332deg); transform: rotate(332deg);
}
.line:nth-of-type(83):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8300ms; -moz-animation-delay: -8300ms; animation-delay: -8300ms;
}
.line:nth-of-type(84) { -webkit-transform: rotate(336deg); -moz-transform: rotate(336deg); -ms-transform: rotate(336deg); -o-transform: rotate(336deg); transform: rotate(336deg);
}
.line:nth-of-type(84):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8400ms; -moz-animation-delay: -8400ms; animation-delay: -8400ms;
}
.line:nth-of-type(85) { -webkit-transform: rotate(340deg); -moz-transform: rotate(340deg); -ms-transform: rotate(340deg); -o-transform: rotate(340deg); transform: rotate(340deg);
}
.line:nth-of-type(85):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8500ms; -moz-animation-delay: -8500ms; animation-delay: -8500ms;
}
.line:nth-of-type(86) { -webkit-transform: rotate(344deg); -moz-transform: rotate(344deg); -ms-transform: rotate(344deg); -o-transform: rotate(344deg); transform: rotate(344deg);
}
.line:nth-of-type(86):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8600ms; -moz-animation-delay: -8600ms; animation-delay: -8600ms;
}
.line:nth-of-type(87) { -webkit-transform: rotate(348deg); -moz-transform: rotate(348deg); -ms-transform: rotate(348deg); -o-transform: rotate(348deg); transform: rotate(348deg);
}
.line:nth-of-type(87):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8700ms; -moz-animation-delay: -8700ms; animation-delay: -8700ms;
}
.line:nth-of-type(88) { -webkit-transform: rotate(352deg); -moz-transform: rotate(352deg); -ms-transform: rotate(352deg); -o-transform: rotate(352deg); transform: rotate(352deg);
}
.line:nth-of-type(88):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8800ms; -moz-animation-delay: -8800ms; animation-delay: -8800ms;
}
.line:nth-of-type(89) { -webkit-transform: rotate(356deg); -moz-transform: rotate(356deg); -ms-transform: rotate(356deg); -o-transform: rotate(356deg); transform: rotate(356deg);
}
.line:nth-of-type(89):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -8900ms; -moz-animation-delay: -8900ms; animation-delay: -8900ms;
}
.line:nth-of-type(90) { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);
}
.line:nth-of-type(90):after { -webkit-animation: grow 1.125s ease-in infinite forwards; -moz-animation: grow 1.125s ease-in infinite forwards; animation: grow 1.125s ease-in infinite forwards; -webkit-animation-delay: -9000ms; -moz-animation-delay: -9000ms; animation-delay: -9000ms;
}
@-webkit-keyframes grow { 0% { -webkit-transform: scale(0.5); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0.5); }
}
@-moz-keyframes grow { 0% { -moz-transform: scale(0.5); } 50% { -moz-transform: scale(1); } 100% { -moz-transform: scale(0.5); }
}
@keyframes grow { 0% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); }
}
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); }
}
@keyframes spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg); }
}

Home Page	Home
Developer	Michael Hobizal
Username	mikehobizal
Uploaded	January 05, 2023
Rating	4
Size	5,471 Kb
Views	10,120

Do you need developer help for Circular Circle Circling?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Michael Hobizal (mikehobizal) Script Codes

Name	Size
Chaos	12,607 Kb
Mouse Transform Effects	3,635 Kb
Mobile Download Links	5,257 Kb
Cube Sides Spinner	3,421 Kb
Happy Holidays CSS	19,478 Kb
Wireframe Cube	3,818 Kb
Cube Fold - CSS Animated Preloader	4,808 Kb
CSS Confetti Hover	3,270 Kb
Tacklebox Preloader	3,273 Kb
Wave Lines	4,023 Kb

Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
Simple, flat contact form	Zeaklous	2,719 Kb
Scrolling Horizontal Isotope	Bramus	2,017 Kb
Bezier Animation with straight paths	Rhernando	2,087 Kb
Mobile Sub Menu Concept	Berdejitendra	2,790 Kb
Loading...	Adamjacob	2,384 Kb
Day 1 - Portfolio	Chpecson	3,532 Kb
Background Images	Jooonebug	2,100 Kb
Navcube	Wbarlow	4,775 Kb
Import shader in three.js	Khangeldy	2,636 Kb
Cant get enough icecream in pure css3	Melawire	4,322 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!