CSS Tube explodes

Developer

Size

5,035 Kb

Views

2,024

CSS Tube explodes Previews
CSS Tube explodes HTML Codes
CSS Tube explodes CSS Codes

How do I make an css tube explodes?

Sorry, I couldn't think of a better name for this. :P. What is a css tube explodes? How do you make a css tube explodes? This script and codes were developed by Diéssica Gurskas on 10 January 2023, Tuesday.

CSS Tube explodes Previews

CSS Tube explodes - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS Tube explodes</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ li:nth-child(1) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(40deg) translate(10px, 4px) scale(0.66667); animation: wow 5s ease-out infinite 5ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(2) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(80deg) translate(20px, 8px) scale(1.33333); animation: wow 5s ease-out infinite 10ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(3) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(120deg) translate(30px, 12px) scale(2); animation: wow 5s ease-out infinite 15ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(4) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(160deg) translate(40px, 16px) scale(2.66667); animation: wow 5s ease-out infinite 20ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(5) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(200deg) translate(50px, 20px) scale(3.33333); animation: wow 5s ease-out infinite 25ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(6) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(240deg) translate(60px, 24px) scale(4); animation: wow 5s ease-out infinite 30ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(7) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(280deg) translate(70px, 28px) scale(4.66667); animation: wow 5s ease-out infinite 35ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(8) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(320deg) translate(80px, 32px) scale(5.33333); animation: wow 5s ease-out infinite 40ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(9) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(360deg) translate(90px, 36px) scale(6); animation: wow 5s ease-out infinite 45ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(10) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(400deg) translate(100px, 40px) scale(6.66667); animation: wow 5s ease-out infinite 50ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(11) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(440deg) translate(110px, 44px) scale(7.33333); animation: wow 5s ease-out infinite 55ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(12) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(480deg) translate(120px, 48px) scale(8); animation: wow 5s ease-out infinite 60ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(13) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(520deg) translate(130px, 52px) scale(8.66667); animation: wow 5s ease-out infinite 65ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(14) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(560deg) translate(140px, 56px) scale(9.33333); animation: wow 5s ease-out infinite 70ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(15) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(600deg) translate(150px, 60px) scale(10); animation: wow 5s ease-out infinite 75ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(16) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(640deg) translate(160px, 64px) scale(10.66667); animation: wow 5s ease-out infinite 80ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(17) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(680deg) translate(170px, 68px) scale(11.33333); animation: wow 5s ease-out infinite 85ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(18) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(720deg) translate(180px, 72px) scale(12); animation: wow 5s ease-out infinite 90ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(19) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(760deg) translate(190px, 76px) scale(12.66667); animation: wow 5s ease-out infinite 95ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(20) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(800deg) translate(200px, 80px) scale(13.33333); animation: wow 5s ease-out infinite 100ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(21) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(840deg) translate(210px, 84px) scale(14); animation: wow 5s ease-out infinite 105ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(22) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(880deg) translate(220px, 88px) scale(14.66667); animation: wow 5s ease-out infinite 110ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(23) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(920deg) translate(230px, 92px) scale(15.33333); animation: wow 5s ease-out infinite 115ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(24) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(960deg) translate(240px, 96px) scale(16); animation: wow 5s ease-out infinite 120ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(25) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(1000deg) translate(250px, 100px) scale(16.66667); animation: wow 5s ease-out infinite 125ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(26) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1040deg) translate(260px, 104px) scale(17.33333); animation: wow 5s ease-out infinite 130ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(27) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1080deg) translate(270px, 108px) scale(18); animation: wow 5s ease-out infinite 135ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(28) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1120deg) translate(280px, 112px) scale(18.66667); animation: wow 5s ease-out infinite 140ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(29) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(1160deg) translate(290px, 116px) scale(19.33333); animation: wow 5s ease-out infinite 145ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(30) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(1200deg) translate(300px, 120px) scale(20); animation: wow 5s ease-out infinite 150ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(31) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(1240deg) translate(310px, 124px) scale(20.66667); animation: wow 5s ease-out infinite 155ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(32) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1280deg) translate(320px, 128px) scale(21.33333); animation: wow 5s ease-out infinite 160ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(33) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1320deg) translate(330px, 132px) scale(22); animation: wow 5s ease-out infinite 165ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(34) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(1360deg) translate(340px, 136px) scale(22.66667); animation: wow 5s ease-out infinite 170ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(35) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(1400deg) translate(350px, 140px) scale(23.33333); animation: wow 5s ease-out infinite 175ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(36) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1440deg) translate(360px, 144px) scale(24); animation: wow 5s ease-out infinite 180ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(37) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1480deg) translate(370px, 148px) scale(24.66667); animation: wow 5s ease-out infinite 185ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(38) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1520deg) translate(380px, 152px) scale(25.33333); animation: wow 5s ease-out infinite 190ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(39) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(1560deg) translate(390px, 156px) scale(26); animation: wow 5s ease-out infinite 195ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(40) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(1600deg) translate(400px, 160px) scale(26.66667); animation: wow 5s ease-out infinite 200ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(41) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(1640deg) translate(410px, 164px) scale(27.33333); animation: wow 5s ease-out infinite 205ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(42) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1680deg) translate(420px, 168px) scale(28); animation: wow 5s ease-out infinite 210ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(43) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1720deg) translate(430px, 172px) scale(28.66667); animation: wow 5s ease-out infinite 215ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(44) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(1760deg) translate(440px, 176px) scale(29.33333); animation: wow 5s ease-out infinite 220ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(45) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(1800deg) translate(450px, 180px) scale(30); animation: wow 5s ease-out infinite 225ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(46) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1840deg) translate(460px, 184px) scale(30.66667); animation: wow 5s ease-out infinite 230ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(47) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1880deg) translate(470px, 188px) scale(31.33333); animation: wow 5s ease-out infinite 235ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(48) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1920deg) translate(480px, 192px) scale(32); animation: wow 5s ease-out infinite 240ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(49) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(1960deg) translate(490px, 196px) scale(32.66667); animation: wow 5s ease-out infinite 245ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(50) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(2000deg) translate(500px, 200px) scale(33.33333); animation: wow 5s ease-out infinite 250ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(51) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(2040deg) translate(510px, 204px) scale(34); animation: wow 5s ease-out infinite 255ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(52) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(2080deg) translate(520px, 208px) scale(34.66667); animation: wow 5s ease-out infinite 260ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
body { margin: 20em auto; width: 60%; background: #111; overflow: hidden;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li>
</ul>
</body>
</html>

CSS Tube explodes - Script Codes CSS Codes

li:nth-child(1) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(40deg) translate(10px, 4px) scale(0.66667); animation: wow 5s ease-out infinite 5ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(2) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(80deg) translate(20px, 8px) scale(1.33333); animation: wow 5s ease-out infinite 10ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(3) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(120deg) translate(30px, 12px) scale(2); animation: wow 5s ease-out infinite 15ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(4) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(160deg) translate(40px, 16px) scale(2.66667); animation: wow 5s ease-out infinite 20ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(5) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(200deg) translate(50px, 20px) scale(3.33333); animation: wow 5s ease-out infinite 25ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(6) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(240deg) translate(60px, 24px) scale(4); animation: wow 5s ease-out infinite 30ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(7) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(280deg) translate(70px, 28px) scale(4.66667); animation: wow 5s ease-out infinite 35ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(8) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(320deg) translate(80px, 32px) scale(5.33333); animation: wow 5s ease-out infinite 40ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(9) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(360deg) translate(90px, 36px) scale(6); animation: wow 5s ease-out infinite 45ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(10) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(400deg) translate(100px, 40px) scale(6.66667); animation: wow 5s ease-out infinite 50ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(11) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(440deg) translate(110px, 44px) scale(7.33333); animation: wow 5s ease-out infinite 55ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(12) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(480deg) translate(120px, 48px) scale(8); animation: wow 5s ease-out infinite 60ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(13) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(520deg) translate(130px, 52px) scale(8.66667); animation: wow 5s ease-out infinite 65ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(14) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(560deg) translate(140px, 56px) scale(9.33333); animation: wow 5s ease-out infinite 70ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(15) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(600deg) translate(150px, 60px) scale(10); animation: wow 5s ease-out infinite 75ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(16) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(640deg) translate(160px, 64px) scale(10.66667); animation: wow 5s ease-out infinite 80ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(17) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(680deg) translate(170px, 68px) scale(11.33333); animation: wow 5s ease-out infinite 85ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(18) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(720deg) translate(180px, 72px) scale(12); animation: wow 5s ease-out infinite 90ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(19) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(760deg) translate(190px, 76px) scale(12.66667); animation: wow 5s ease-out infinite 95ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(20) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(800deg) translate(200px, 80px) scale(13.33333); animation: wow 5s ease-out infinite 100ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(21) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(840deg) translate(210px, 84px) scale(14); animation: wow 5s ease-out infinite 105ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(22) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(880deg) translate(220px, 88px) scale(14.66667); animation: wow 5s ease-out infinite 110ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(23) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(920deg) translate(230px, 92px) scale(15.33333); animation: wow 5s ease-out infinite 115ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(24) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(960deg) translate(240px, 96px) scale(16); animation: wow 5s ease-out infinite 120ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(25) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(1000deg) translate(250px, 100px) scale(16.66667); animation: wow 5s ease-out infinite 125ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(26) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1040deg) translate(260px, 104px) scale(17.33333); animation: wow 5s ease-out infinite 130ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(27) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1080deg) translate(270px, 108px) scale(18); animation: wow 5s ease-out infinite 135ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(28) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1120deg) translate(280px, 112px) scale(18.66667); animation: wow 5s ease-out infinite 140ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(29) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(1160deg) translate(290px, 116px) scale(19.33333); animation: wow 5s ease-out infinite 145ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(30) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(1200deg) translate(300px, 120px) scale(20); animation: wow 5s ease-out infinite 150ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(31) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(1240deg) translate(310px, 124px) scale(20.66667); animation: wow 5s ease-out infinite 155ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(32) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1280deg) translate(320px, 128px) scale(21.33333); animation: wow 5s ease-out infinite 160ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(33) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1320deg) translate(330px, 132px) scale(22); animation: wow 5s ease-out infinite 165ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(34) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(1360deg) translate(340px, 136px) scale(22.66667); animation: wow 5s ease-out infinite 170ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(35) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(1400deg) translate(350px, 140px) scale(23.33333); animation: wow 5s ease-out infinite 175ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(36) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1440deg) translate(360px, 144px) scale(24); animation: wow 5s ease-out infinite 180ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(37) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1480deg) translate(370px, 148px) scale(24.66667); animation: wow 5s ease-out infinite 185ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(38) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1520deg) translate(380px, 152px) scale(25.33333); animation: wow 5s ease-out infinite 190ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(39) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(1560deg) translate(390px, 156px) scale(26); animation: wow 5s ease-out infinite 195ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(40) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(1600deg) translate(400px, 160px) scale(26.66667); animation: wow 5s ease-out infinite 200ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(41) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(1640deg) translate(410px, 164px) scale(27.33333); animation: wow 5s ease-out infinite 205ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(42) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1680deg) translate(420px, 168px) scale(28); animation: wow 5s ease-out infinite 210ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(43) { border-radius: 50%; background: rgba(51, 255, 0, 0.2); box-shadow: 0 0 0.3em #33ff00; display: inline-block; width: 6px; height: 6px; transform: rotate(1720deg) translate(430px, 172px) scale(28.66667); animation: wow 5s ease-out infinite 215ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(44) { border-radius: 50%; background: rgba(0, 255, 102, 0.2); box-shadow: 0 0 0.3em #00ff66; display: inline-block; width: 6px; height: 6px; transform: rotate(1760deg) translate(440px, 176px) scale(29.33333); animation: wow 5s ease-out infinite 220ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(45) { border-radius: 50%; background: rgba(0, 255, 255, 0.2); box-shadow: 0 0 0.3em cyan; display: inline-block; width: 6px; height: 6px; transform: rotate(1800deg) translate(450px, 180px) scale(30); animation: wow 5s ease-out infinite 225ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(46) { border-radius: 50%; background: rgba(0, 102, 255, 0.2); box-shadow: 0 0 0.3em #0066ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1840deg) translate(460px, 184px) scale(30.66667); animation: wow 5s ease-out infinite 230ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(47) { border-radius: 50%; background: rgba(51, 0, 255, 0.2); box-shadow: 0 0 0.3em #3300ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1880deg) translate(470px, 188px) scale(31.33333); animation: wow 5s ease-out infinite 235ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(48) { border-radius: 50%; background: rgba(204, 0, 255, 0.2); box-shadow: 0 0 0.3em #cc00ff; display: inline-block; width: 6px; height: 6px; transform: rotate(1920deg) translate(480px, 192px) scale(32); animation: wow 5s ease-out infinite 240ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(49) { border-radius: 50%; background: rgba(255, 0, 153, 0.2); box-shadow: 0 0 0.3em #ff0099; display: inline-block; width: 6px; height: 6px; transform: rotate(1960deg) translate(490px, 196px) scale(32.66667); animation: wow 5s ease-out infinite 245ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(50) { border-radius: 50%; background: rgba(255, 0, 0, 0.2); box-shadow: 0 0 0.3em red; display: inline-block; width: 6px; height: 6px; transform: rotate(2000deg) translate(500px, 200px) scale(33.33333); animation: wow 5s ease-out infinite 250ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(51) { border-radius: 50%; background: rgba(255, 153, 0, 0.2); box-shadow: 0 0 0.3em #ff9900; display: inline-block; width: 6px; height: 6px; transform: rotate(2040deg) translate(510px, 204px) scale(34); animation: wow 5s ease-out infinite 255ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
li:nth-child(52) { border-radius: 50%; background: rgba(204, 255, 0, 0.2); box-shadow: 0 0 0.3em #ccff00; display: inline-block; width: 6px; height: 6px; transform: rotate(2080deg) translate(520px, 208px) scale(34.66667); animation: wow 5s ease-out infinite 260ms;
}
@keyframes wow { 75% { transform: scale(1.1); image-rendering: -webkit-optimize-contrast; }
}
body { margin: 20em auto; width: 60%; background: #111; overflow: hidden;
}

Home Page	Home
Developer	Diéssica Gurskas
Username	diessica
Uploaded	January 10, 2023
Rating	3.5
Size	5,035 Kb
Views	2,024

Do you need developer help for CSS Tube explodes?

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!

Diéssica Gurskas (diessica) Script Codes

Name	Size
Tooltip with title attribute	1,663 Kb
CSS is incredibly awesome	3,087 Kb
Hover to show the text	3,395 Kb
Git logo with CSS	3,138 Kb
Pure CSS Waves	3,446 Kb
Equal Height Columns Sass mixin	3,861 Kb
CSS is AWESOME	3,349 Kb
CSS Lasers	4,032 Kb
CSS Sine Waves	4,102 Kb
Floating labels with CSS only	3,966 Kb

Create amazing marketing copy 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
Whyutils	LeYvan	3,752 Kb
Off Canvas	Mariamarica	1,870 Kb
Save for later...	Victorfreire	1,359 Kb
Another brick in the wall	Fivera	1,955 Kb
Sticky notes with CSS3	HaiNguyen007	2,146 Kb
Video Player Custom Controls	EleftheriaBatsou	3,665 Kb
Marching Squares Visualized	Sakri	7,074 Kb
Cloud upload	Jaflo	2,774 Kb
CSS Piano	Dannystyle	5,138 Kb
Scroll Arrow	Robooneus	4,437 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!