Citrus Bowl

Developer
Nick Walsh
Size
5,981 Kb
Views
16,192
  1. Citrus Bowl Previews
  2. Citrus Bowl HTML Codes
  3. Citrus Bowl CSS Codes
  4. Citrus Bowl JS Codes

How do I make an citrus bowl?

What is a citrus bowl? How do you make a citrus bowl? This script and codes were developed by Nick Walsh on 06 November 2022, Sunday.

Citrus Bowl Previews
IQ Test

Citrus Bowl - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Citrus Bowl</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"> <a href="#">Restart</a> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 969.1 463.4" enable-background="new 0 0 969.1 463.4" xml:space="preserve"> <g class="cb-badge"> <path fill="#633591" d="M552.2,50.7c-1-12.9-3.9-25.4-7.5-37.8c-0.3-0.9-0.7-1.5-1.7-1.9c-12-5-24.5-8.2-37.4-9.8c-4-0.5-8-0.8-12-1.1c-6,0-12.1,0-18.1,0c-5,0.4-9.9,0.8-14.8,1.5c-11.9,1.7-23.4,4.8-34.6,9.4c-0.9,0.4-1.4,0.9-1.7,1.9c-1,3.7-2,7.5-3,11.2c-4.1,16.9-6.3,34.1-4,51.5c1.5,11.1,4.7,21.6,10,31.5c7.9,14.7,19.2,26.2,32.8,35.7c7.4,5.2,15.4,9.4,23.7,12.9c0.3,0,0.6,0,1,0c2.6-1.2,5.1-2.3,7.7-3.5c13.6-6.7,25.8-15.5,36-26.8c5.7-6.3,10.5-13.2,14.2-20.8C551.3,87.5,553.7,69.4,552.2,50.7z M542.7,96.4c-5.2,13.2-13.4,24.3-23.8,33.7c-9.4,8.6-20.1,15.2-31.7,20.4c-1.8,0.8-3.3,0.9-5.2,0.1c-13.7-6.1-25.9-14.2-36.4-24.9c-11.7-12-19.6-26-23.2-42.4c-2.2-10-2.7-20.1-2-30.3c0.8-12.8,3.7-25.1,7.1-37.4c0.3-0.9,0.7-1.4,1.6-1.8c10.9-4.5,22.3-7.5,34-9.1c7.1-0.9,14.2-1.3,21.4-1.4c15.3-0.1,30.3,1.9,44.9,6.6c3.6,1.1,7.1,2.4,10.6,3.9c1,0.4,1.3,1.1,1.6,2c3.2,11.2,5.8,22.6,6.8,34.2C549.9,66,548.6,81.5,542.7,96.4z"/> <path fill="#FFFFFF" d="M541.8,15.8c-0.4-1.4-1.1-2.1-2.4-2.6c-17.4-7-35.6-10-56.5-9.9c-8.7-0.2-19.6,0.9-30.3,3c-7.8,1.6-15.4,4-22.9,6.8c-1.3,0.5-2.1,1.2-2.4,2.6c-0.9,4-2.1,7.9-3,11.9c-3.7,15.9-5.4,31.9-3.1,48.2c2.2,15.4,7.9,29.4,17.5,41.7c11.6,14.9,26.5,25.7,43.7,33.4c1.5,0.7,2.8,0.7,4.4,0c10.5-4.8,20.3-10.8,29.1-18.3c9.5-8.1,17.4-17.5,23.1-28.6c9.3-18.2,11.3-37.7,9.1-57.7C546.9,35.9,544.5,25.8,541.8,15.8z"/> <path fill="#633591" d="M538.6,19.1c-0.4-1.3-1-2-2.2-2.5C519.9,10,502.8,7.2,483,7.3c-8.3-0.1-18.5,0.8-28.6,2.9c-7.4,1.5-14.6,3.8-21.6,6.4c-1.2,0.5-2,1.1-2.3,2.5c-0.9,3.8-2,7.5-2.8,11.2c-3.5,15-5.1,30.2-2.9,45.5c2.1,14.6,7.4,27.8,16.5,39.4c11,14.1,25,24.3,41.3,31.6c1.5,0.7,2.7,0.6,4.1,0c10-4.5,19.2-10.2,27.5-17.3c8.9-7.7,16.4-16.5,21.8-27c8.8-17.3,10.7-35.6,8.6-54.6C543.5,38.2,541.2,28.6,538.6,19.1z"/> <circle fill="#ECCE78" cx="484.6" cy="52.1" r="26.4"/> <rect x="452.7" y="90.3" fill="#FFFFFF" width="63.7" height="10.4"/> <rect x="462.1" y="110.4" fill="#FFFFFF" width="44.9" height="10.4"/> </g> <g class="cb-flag cb-flag--1"> <polygon fill="#633591" points="606.8,211.8 633.6,220 606.8,228.1	"/> <line fill="none" stroke="#F3F3F3" stroke-width="2.465" stroke-miterlimit="10" x1="606.8" y1="211.8" x2="606.8" y2="246.3"/> </g> <g class="cb-flag cb-flag--2"> <polygon fill="#633591" points="552.2,211.8 579,220 552.2,228.1	"/> <line fill="none" stroke="#F3F3F3" stroke-width="2.465" stroke-miterlimit="10" x1="552.2" y1="211.8" x2="552.2" y2="246.3"/> </g> <g class="cb-flag cb-flag--3"> <polygon fill="#633591" points="497.6,211.8 524.4,220 497.6,228.1	"/> <line fill="none" stroke="#F3F3F3" stroke-width="2.465" stroke-miterlimit="10" x1="497.6" y1="211.8" x2="497.6" y2="246.3"/> </g> <g class="cb-flag cb-flag--4"> <polygon fill="#633591" points="443,211.8 469.8,220 443,228.1	"/> <line fill="none" stroke="#F3F3F3" stroke-width="2.465" stroke-miterlimit="10" x1="443" y1="211.8" x2="443" y2="246.3"/> </g> <g class="cb-flag cb-flag--5"> <polygon fill="#633591" points="388.4,211.8 415.1,220 388.4,228.1	"/> <line fill="none" stroke="#F3F3F3" stroke-width="2.465" stroke-miterlimit="10" x1="388.4" y1="211.8" x2="388.4" y2="246.3"/> </g> <g class="cb-flag cb-flag--6"> <polygon fill="#633591" points="333.7,211.8 360.5,220 333.7,228.1	"/> <line fill="none" stroke="#F3F3F3" stroke-width="2.465" stroke-miterlimit="10" x1="333.7" y1="211.8" x2="333.7" y2="246.3"/> </g> <g class="cb-block cb-block--17"> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="832.7" y1="206.9" x2="675.1" y2="206.9"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="832.7" y1="213.7" x2="675.1" y2="213.7"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="832.7" y1="220.5" x2="675.1" y2="220.5"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="821.8" y1="220.5" x2="832.7" y2="248.6"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="789.6" y1="220.5" x2="796.4" y2="249.8"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="744.9" y1="220.5" x2="749" y2="249.8"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="689" y1="220.5" x2="689" y2="248.6"/> </g> <g class="cb-block cb-block--16"> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="134.6" y1="206.9" x2="292.3" y2="206.9"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="134.6" y1="213.7" x2="292.3" y2="213.7"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="134.6" y1="220.5" x2="292.3" y2="220.5"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="145.5" y1="220.5" x2="134.6" y2="248.6"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="177.8" y1="220.5" x2="171" y2="249.8"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="222.5" y1="220.5" x2="218.3" y2="249.8"/> <line fill="none" stroke="#F3F3F3" stroke-width="3.5499" stroke-miterlimit="10" x1="278.4" y1="220.5" x2="278.4" y2="248.6"/> </g> <g class="cb-block cb-block--12"> <polygon fill="#989898" points="851.3,306.6 116.1,306.6 101.8,277 865.6,277	"/> <rect x="102.1" y="246.7" fill="#F3F3F3" width="763.2" height="30.3"/> </g> <g class="cb-block cb-block--1"> <rect x="6" y="310.4" fill="#576478" width="955.5" height="149.2"/> <rect x="129.1" y="310.4" fill="#989898" width="709.3" height="149.2"/> <rect x="7.7" y="308.3" fill="none" stroke="#FFFFFF" stroke-width="3.5499" stroke-miterlimit="10" width="953.7" height="153"/> </g> <line class="cb-lineH cb-lineH--1" fill="none" stroke="#D1D2D3" stroke-width="3.5499" stroke-miterlimit="10" x1="7.7" y1="435.9" x2="961.4" y2="435.9"/> <line class="cb-lineH cb-lineH--2" fill="none" stroke="#D1D2D3" stroke-width="3.5499" stroke-miterlimit="10" x1="7.7" y1="402.7" x2="961.4" y2="402.7"/> <line class="cb-lineH cb-lineH--3" fill="none" stroke="#D1D2D3" stroke-width="3.5499" stroke-miterlimit="10" x1="7.7" y1="369.6" x2="961.4" y2="369.6"/> <line class="cb-lineH cb-lineH--4" fill="none" stroke="#D1D2D3" stroke-width="3.5499" stroke-miterlimit="10" x1="7.7" y1="336.5" x2="961.4" y2="336.5"/> <rect class="cb-block cb-block--2" x="251.6" y="310.4" fill="#ECCE78" width="85.6" height="149.2"/> <rect class="cb-block cb-block--3" x="422.2" y="310.4" fill="#E4B434" width="124.8" height="149.3"/> <rect class="cb-block cb-block--4" x="629.2" y="310.4" fill="#ECCE78" width="85.6" height="149.2"/> <rect class="cb-lineV cb-lineV--1" x="41.5" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--2" x="83.4" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--3" x="125.4" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--4" x="167.3" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--5" x="209.3" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--6" x="251.2" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--7" x="293.1" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--8" x="335.1" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--9" x="377" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--10" x="419" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--11" x="460.9" y="307.7" fill="#FFFFFF" width="3.5" height="153.6"/> <rect class="cb-lineV cb-lineV--12" x="502.9" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--13" x="544.8" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--14" x="586.8" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--15" x="628.7" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--16" x="670.7" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--17" x="712.6" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--18" x="754.5" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--19" x="796.5" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--20" x="838.4" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--21" x="880.4" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-lineV cb-lineV--22" x="922.3" y="307.7" fill="#FFFFFF" width="3.6" height="153.6"/> <rect class="cb-block cb-block--5" x="129.1" y="310.4" opacity="0.9" fill="#633591" width="38.5" height="153"/> <rect class="cb-block cb-block--6" x="213.1" y="310.4" opacity="0.9" fill="#633591" width="38.5" height="153"/> <rect class="cb-block cb-block--7" x="440.9" y="310.4" opacity="0.9" fill="#633591" width="87.3" height="153"/> <rect class="cb-block cb-block--8" x="716.5" y="310.4" opacity="0.9" fill="#633591" width="37.9" height="153"/> <rect class="cb-block cb-block--9" x="800.4" y="310.4" opacity="0.9" fill="#633591" width="37.9" height="153"/> <rect class="cb-block cb-block--10" x="380.7" y="310.4" fill="#633591" width="206.2" height="71.4"/> <g class="cb-block cb-block--14"> <rect x="838.3" y="371.4" fill="#E07935" width="45.8" height="7.4"/> <rect x="838.3" y="404.5" fill="#C73F2B" width="87.7" height="7.4"/> </g> <g class="cb-block cb-block--15"> <rect x="41.4" y="404.5" fill="#C73F2B" width="87.7" height="7.4"/> <rect x="83.3" y="371.4" fill="#E07935" width="45.8" height="7.4"/> </g> <g class="cb-block cb-block--13"> <rect x="842" y="310.4" fill="#C73F2B" width="7.1" height="10.4"/> <rect x="883.9" y="310.4" fill="#E07935" width="7.1" height="10.4"/> <rect x="925.9" y="310.4" fill="#ECCE78" width="7.1" height="10.4"/> <rect x="34.3" y="310.4" fill="#ECCE78" width="7.1" height="10.4"/> <rect x="76.2" y="310.4" fill="#E07935" width="7.1" height="10.4"/> <rect x="118.2" y="310.4" fill="#C73F2B" width="7.1" height="10.4"/> </g> <rect class="cb-block cb-block--11" y="302.9" fill="#C73F2B" width="969.1" height="7.4"/> </svg>
</div> <script src="js/index.js"></script>
</body>
</html>

Citrus Bowl - Script Codes CSS Codes

body { background: #5F708F; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh;
}
.wrap { margin: auto; width: 70%;
}
a { border: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); font-family: monospace; font-size: 10px; font-weight: bold; padding: 1em 1.5em; text-decoration: none;
}
a:active + svg,
a:active + svg * { -webkit-animation: none !important; animation: none !important;
}
svg { display: block; padding: 2em 8%;
}
g, rect, path, line, circle { -webkit-transform-origin: center; transform-origin: center;
}
@-webkit-keyframes reveal { from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 1% { opacity: 1; } to { -webkit-transform: translateY(8%); transform: translateY(8%); }
}
@keyframes reveal { from { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 1% { opacity: 1; } to { -webkit-transform: translateY(8%); transform: translateY(8%); }
}
@-webkit-keyframes revealBadge { from { opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); } 1% { opacity: 1; } to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes revealBadge { from { opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); } 1% { opacity: 1; } to { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes scale { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scale { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); }
}
@-webkit-keyframes scaleH { from { -webkit-transform: scale(0, 1); transform: scale(0, 1); } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@keyframes scaleH { from { -webkit-transform: scale(0, 1); transform: scale(0, 1); } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@-webkit-keyframes scaleV { from { -webkit-transform: scale(1, 0); transform: scale(1, 0); } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@keyframes scaleV { from { -webkit-transform: scale(1, 0); transform: scale(1, 0); } to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
.cb-badge { -webkit-animation: revealBadge 0.70833s cubic-bezier(0.2, 1, 0.3, 1.2) 0.875s backwards; animation: revealBadge 0.70833s cubic-bezier(0.2, 1, 0.3, 1.2) 0.875s backwards;
}
.cb-block { -webkit-animation: scaleV 0.5s cubic-bezier(0.2, 1, 0.3, 1.2) backwards; animation: scaleV 0.5s cubic-bezier(0.2, 1, 0.3, 1.2) backwards; -webkit-transform-origin: center bottom; transform-origin: center bottom;
}
.cb-block--3 { -webkit-transform-origin: center top; transform-origin: center top;
}
.cb-block--5,
.cb-block--6,
.cb-block--7,
.cb-block--8,
.cb-block--9 { -webkit-animation-duration: 0.625s; animation-duration: 0.625s; -webkit-transform-origin: center; transform-origin: center;
}
.cb-block--6 { -webkit-animation-delay: 0.125s; animation-delay: 0.125s;
}
.cb-block--7 { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;
}
.cb-block--8 { -webkit-animation-delay: 0.375s; animation-delay: 0.375s;
}
.cb-block--9 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;
}
.cb-block--10 { -webkit-animation-delay: 0.95833s; animation-delay: 0.95833s; -webkit-animation-name: scaleH; animation-name: scaleH; -webkit-transform-origin: center; transform-origin: center;
}
.cb-block--11 { -webkit-animation-duration: 1.54167s; animation-duration: 1.54167s; -webkit-animation-name: scaleH; animation-name: scaleH; -webkit-transform-origin: left center; transform-origin: left center;
}
.cb-block--12 { -webkit-animation-delay: 0.625s; animation-delay: 0.625s; -webkit-animation-duration: 0.33333s; animation-duration: 0.33333s;
}
.cb-block--13 { -webkit-animation-delay: 0.625s; animation-delay: 0.625s; -webkit-transform-origin: center top; transform-origin: center top;
}
.cb-block--14,
.cb-block--15 { -webkit-animation-delay: 0.54167s; animation-delay: 0.54167s;
}
.cb-block--14 { -webkit-transform-origin: left top; transform-origin: left top;
}
.cb-block--15 { -webkit-transform-origin: right top; transform-origin: right top;
}
.cb-block--16 { -webkit-animation-delay: 0.79167s; animation-delay: 0.79167s;
}
.cb-block--17 { -webkit-animation-delay: 1.125s; animation-delay: 1.125s;
}
.cb-flag { -webkit-animation: reveal 0.66667s cubic-bezier(0.2, 1, 0.3, 1.2) 1s both; animation: reveal 0.66667s cubic-bezier(0.2, 1, 0.3, 1.2) 1s both;
}
.cb-flag--2 { -webkit-animation-delay: 1.125s; animation-delay: 1.125s;
}
.cb-flag--3 { -webkit-animation-delay: 1.25s; animation-delay: 1.25s;
}
.cb-flag--4 { -webkit-animation-delay: 1.375s; animation-delay: 1.375s;
}
.cb-flag--5 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
.cb-flag--6 { -webkit-animation-delay: 1.625s; animation-delay: 1.625s;
}
.cb-lineH { -webkit-animation: scaleH 0.83333s cubic-bezier(0.2, 1, 0.3, 1.2) backwards; animation: scaleH 0.83333s cubic-bezier(0.2, 1, 0.3, 1.2) backwards;
}
.cb-lineH--2 { -webkit-animation-delay: 0.20833s; animation-delay: 0.20833s;
}
.cb-lineH--3 { -webkit-animation-delay: 0.41667s; animation-delay: 0.41667s;
}
.cb-lineH--4 { -webkit-animation-delay: 0.625s; animation-delay: 0.625s;
}
.cb-lineV { -webkit-animation: scaleV 0.25s cubic-bezier(0.2, 1, 0.3, 1.2) backwards; animation: scaleV 0.25s cubic-bezier(0.2, 1, 0.3, 1.2) backwards; -webkit-transform-origin: center top; transform-origin: center top;
}
.cb-lineV--1 { -webkit-animation-delay: 0s; animation-delay: 0s;
}
.cb-lineV--2 { -webkit-animation-delay: 0.04167s; animation-delay: 0.04167s;
}
.cb-lineV--3 { -webkit-animation-delay: 0.08333s; animation-delay: 0.08333s;
}
.cb-lineV--4 { -webkit-animation-delay: 0.125s; animation-delay: 0.125s;
}
.cb-lineV--5 { -webkit-animation-delay: 0.16667s; animation-delay: 0.16667s;
}
.cb-lineV--6 { -webkit-animation-delay: 0.20833s; animation-delay: 0.20833s;
}
.cb-lineV--7 { -webkit-animation-delay: 0.25s; animation-delay: 0.25s;
}
.cb-lineV--8 { -webkit-animation-delay: 0.29167s; animation-delay: 0.29167s;
}
.cb-lineV--9 { -webkit-animation-delay: 0.33333s; animation-delay: 0.33333s;
}
.cb-lineV--10 { -webkit-animation-delay: 0.375s; animation-delay: 0.375s;
}
.cb-lineV--11 { -webkit-animation-delay: 0.41667s; animation-delay: 0.41667s;
}
.cb-lineV--12 { -webkit-animation-delay: 0.45833s; animation-delay: 0.45833s;
}
.cb-lineV--13 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;
}
.cb-lineV--14 { -webkit-animation-delay: 0.54167s; animation-delay: 0.54167s;
}
.cb-lineV--15 { -webkit-animation-delay: 0.58333s; animation-delay: 0.58333s;
}
.cb-lineV--16 { -webkit-animation-delay: 0.625s; animation-delay: 0.625s;
}
.cb-lineV--17 { -webkit-animation-delay: 0.66667s; animation-delay: 0.66667s;
}
.cb-lineV--18 { -webkit-animation-delay: 0.70833s; animation-delay: 0.70833s;
}
.cb-lineV--19 { -webkit-animation-delay: 0.75s; animation-delay: 0.75s;
}
.cb-lineV--20 { -webkit-animation-delay: 0.79167s; animation-delay: 0.79167s;
}
.cb-lineV--21 { -webkit-animation-delay: 0.83333s; animation-delay: 0.83333s;
}
.cb-lineV--22 { -webkit-animation-delay: 0.875s; animation-delay: 0.875s;
}

Citrus Bowl - Script Codes JS Codes

(function() {
}).call(this);
Citrus Bowl - Script Codes
Citrus Bowl - Script Codes
Home Page Home
Developer Nick Walsh
Username nickawalsh
Uploaded November 06, 2022
Rating 3
Size 5,981 Kb
Views 16,192
Do you need developer help for Citrus Bowl?

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!

Nick Walsh (nickawalsh) Script Codes
Name
Animations without d3-timer
Radar
Sliding Tiles
Mapping - Final
Mapping - 3
Rollins
Mapping - 1
A Pen by Nick Walsh
Mapping - 4
Animations with d3-timer
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!