Happy New Years

Developer

Size

7,291 Kb

Views

10,120

Happy New Years Previews
Happy New Years HTML Codes
Happy New Years CSS Codes
Happy New Years JS Codes

How do I make an happy new years?

What is a happy new years? How do you make a happy new years? This script and codes were developed by Jon Ambas on 19 October 2022, Wednesday.

Happy New Years Previews

Happy New Years - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Happy New Years</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> <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
<div class="va--t"> <div class="va--tc"> <svg id="discoball" viewBox="0 0 720 720" enable-background="new 0 0 720 720" xml:space="preserve"> <g id="squares"> <g> <rect class="block" x="447.3" y="235.8" width="40.5" height="40.5"/> <rect class="block" x="407.1" y="397.8" width="40.5" height="40.5"/> <rect class="block" x="366.3" y="440.8" width="40.5" height="40.5"/> <rect class="block" x="204.4" y="357.3" width="40.5" height="40.5"/> <rect class="block" x="449.7" y="278.7" width="35.7" height="35.7"/> <rect class="block" x="328.3" y="278.7" width="76.2" height="35.7"/> <rect class="block" x="287.8" y="481.2" width="76.2" height="35.7"/> <rect class="block" x="449.7" y="400.2" width="35.7" height="35.7"/> <rect class="block" x="409.2" y="238.2" width="35.7" height="35.7"/> <rect class="block" x="287.8" y="440.7" width="35.7" height="35.7"/> <rect class="block" x="368.7" y="238.2" width="35.7" height="35.7"/> <rect class="block" x="449.7" y="319.2" width="35.7" height="35.7"/> <rect class="block" x="449.7" y="359.7" width="35.7" height="35.7"/> <rect class="block" x="409.2" y="400.2" width="35.7" height="35.7"/> <rect class="block" x="409.2" y="278.7" width="35.7" height="35.7"/> <rect class="block" x="409.2" y="197.7" width="35.7" height="35.7"/> <rect class="block" x="328.3" y="440.7" width="35.7" height="35.7"/> <rect class="block" x="368.7" y="197.7" width="35.7" height="35.7"/> <rect class="block" x="449.7" y="238.2" width="35.7" height="35.7"/> <rect class="block" x="368.7" y="440.7" width="35.7" height="35.7"/> <rect class="block" x="409.2" y="440.7" width="35.7" height="35.7"/> <rect class="block" x="449.7" y="440.7" width="35.7" height="35.7"/> <rect class="block" x="328.3" y="238.2" width="35.7" height="35.7"/> <rect class="block" x="247.3" y="400.2" width="35.7" height="35.7"/> <rect class="block" x="368.7" y="359.7" width="35.7" height="35.7"/> <rect class="block" x="490.2" y="400.2" width="35.7" height="35.7"/> <rect class="block" x="328.3" y="319.2" width="35.7" height="35.7"/> <rect class="block" x="328.3" y="359.7" width="35.7" height="35.7"/> <rect class="block" x="368.7" y="319.2" width="35.7" height="35.7"/> <rect class="block" x="490.2" y="359.7" width="35.7" height="35.7"/> <rect class="block" x="287.8" y="238.2" width="35.7" height="35.7"/> <rect class="block" x="409.2" y="481.2" width="35.7" height="35.7"/> <rect class="block" x="247.3" y="319.2" width="35.7" height="35.7"/> <rect class="block" x="206.8" y="319.2" width="35.7" height="35.7"/> <rect class="block" x="287.8" y="278.7" width="35.7" height="35.7"/> <rect class="block" x="368.7" y="481.2" width="35.7" height="35.7"/> <rect class="block" x="247.3" y="440.7" width="35.7" height="35.7"/> <rect class="block" x="247.3" y="359.7" width="35.7" height="35.7"/> <rect class="block" x="206.8" y="400.2" width="35.7" height="35.7"/> <rect class="block" x="206.8" y="359.7" width="35.7" height="35.7"/> </g> <g> <polygon class="block" points="366.6,194.1 326.1,194.1 326.1,167.7 366.6,163.2	"/> <polygon class="block" points="558.9,357.3 530.7,357.3 530.7,316.8 555.6,316.8	"/> <polygon class="block" points="244.9,478.8 218,478.8 211.8,470.2 204.4,459.7 204.4,438.3 244.9,438.3 "/> <polygon class="block" points="517,235.8 487.8,235.8 487.8,206.7 502,219.6	"/> <polygon class="block" points="206.8,357.3 173.3,357.3 179,316.8 206.8,316.8	"/> <polygon class="block" points="478.7,511.8 467.6,519.8 447.3,519.8 447.3,481.2 487.8,481.2 490.2,503.1 "/> <polygon class="block" points="444.9,357.3 444.9,319.2 409.2,319.2 409.2,357.3 409.2,395.4 444.9,395.4	"/> <polygon class="block" points="490.2,278.8 490.2,278.8 490.2,314.4 490.2,316.7 490.2,316.9 490.2,319.2 490.2,354.9 490.2,354.9 490.2,354.9 525.9,354.9 525.9,354.9 525.9,354.9 525.9,319.2 525.9,319.2 525.9,314.4 525.9,314.4 525.9,278.7 490.2,278.7 "/> <polygon class="block" points="323.4,233.4 325.8,233.4 328.3,233.4 363.9,233.4 363.9,197.7 328.3,197.7 325.8,197.7 323.4,197.7 287.8,197.7 287.8,197.7 287.8,233.4 287.8,233.4 "/> <polygon class="block" points="363.9,481.2 328.3,481.2 325.8,481.2 323.4,481.2 287.8,481.2 287.8,516.9 323.4,516.9 325.8,516.9 328.3,516.9 363.9,516.9	"/> <polygon class="block" points="366.3,314.4 368.7,314.4 404.4,314.4 404.4,278.7 368.7,278.7 366.3,278.7 363.9,278.7 328.3,278.7 328.3,314.4 363.9,314.4	"/> <polygon class="block" points="287.8,397.8 287.8,435.9 323.4,435.9 323.4,397.8 323.4,357.3 323.4,319.2 287.8,319.2 287.8,357.3"/> <polygon class="block" points="404.4,435.9 404.4,400.2 368.7,400.2 366.3,400.2 363.9,400.2 328.3,400.2 328.3,435.9 363.9,435.9 363.9,435.9 368.7,435.9 368.7,435.9	"/> </g> <g> <path class="block" d="M530.7,395.4h21.2c2.5-11.7,3.8-23.6,4.1-35.7h-25.2V395.4z"/> <path class="block" d="M490.2,476.4h22.7c4.7-5.7,9-11.7,13-17.8v-17.9h-35.7V476.4z"/> <path class="block" d="M449.7,516.9h17.1c6.4-4,12.7-8.5,18.5-13.2v-22.5h-35.7V516.9z"/> <path class="block" d="M201.9,359.7h-25.2c0.2,12,1.6,24,4.1,35.7h21.2V359.7z"/> <path class="block" d="M242.4,481.2h-18.6c5.8,6.5,12,12.7,18.6,18.4V481.2z"/> <path class="block" d="M242.4,476.4v-35.7h-35.7v17.9c4,6.1,8.3,12.1,13,17.8H242.4z"/> <path class="block" d="M282.9,521.7h-9c2.9,1.6,5.9,3.2,9,4.7V521.7z"/> <path class="block" d="M201.9,440.7h-5.4c1.7,3.4,3.5,6.7,5.4,10V440.7z"/> <path class="block" d="M282.9,516.9v-35.7h-35.7v22.5c5.9,4.7,12.1,9.2,18.5,13.2H282.9z"/> <path class="block" d="M201.9,435.9v-35.7h-20.1c2.9,12.3,7.1,24.2,12.4,35.7H201.9z"/> <path class="block" d="M201.9,354.9v-35.7h-21.7c-2.3,11.7-3.5,23.7-3.6,35.7H201.9z"/> <path class="block" d="M530.7,450.7c1.9-3.3,3.7-6.6,5.4-10h-5.4V450.7z"/> <path class="block" d="M282.9,185.7c-4.6,2.2-9,4.7-13.4,7.3h13.4V185.7z"/> <path class="block" d="M323.4,521.7h-35.7v7c11.4,5.2,23.4,9.3,35.7,12.1V521.7z"/> <path class="block" d="M530.7,435.9h7.7c5.3-11.4,9.5-23.4,12.4-35.7h-20.1V435.9z"/> <path class="block" d="M490.2,499.6c6.6-5.7,12.8-11.9,18.6-18.4h-18.6V499.6z"/> <path class="block" d="M404.4,521.7h-35.7v24c12-0.2,24-1.4,35.7-3.8V521.7z"/> <path class="block" d="M363.9,521.7h-35.7v20.2c11.7,2.4,23.7,3.7,35.7,3.8V521.7z"/> <path class="block" d="M449.7,526.4c3-1.5,6-3.1,9-4.7h-9V526.4z"/> <path class="block" d="M444.9,521.7h-35.7v19.1c12.2-2.8,24.2-6.9,35.7-12.1V521.7z"/> <path class="block" d="M530.7,319.2v35.7H556c-0.1-12-1.3-24-3.6-35.7H530.7z"/> <path class="block" d="M530.7,278.7v35.7h20.7c-2.7-12.2-6.7-24.2-11.8-35.7H530.7z"/> <path class="block" d="M530.7,273.9h6.6c-2-4.2-4.3-8.4-6.6-12.5V273.9z"/> <path class="block" d="M287.8,192.9h35.7v-21.7c-12.2,2.8-24.2,6.9-35.7,12.1V192.9z"/> <path class="block" d="M449.7,192.9h13.4c-4.4-2.6-8.9-5-13.4-7.3V192.9z"/> <path class="block" d="M368.7,192.9h35.7v-22.7c-11.7-2.4-23.7-3.7-35.7-3.8V192.9z"/> <path class="block" d="M409.2,192.9h35.7v-9.5c-11.4-5.2-23.4-9.3-35.7-12.1V192.9z"/> <path class="block" d="M490.2,238.2v35.7h35.7v-20.4c-3.3-5.2-7-10.3-10.9-15.2H490.2z"/> <path class="block" d="M328.3,192.9h35.7v-26.5c-12,0.2-24,1.4-35.7,3.8V192.9z"/> <path class="block" d="M449.7,197.7v35.7h35.7v-25c-4.6-3.8-9.5-7.3-14.6-10.7H449.7z"/> <path class="block" d="M490.2,233.4H511c-6.4-7.5-13.3-14.5-20.8-21V233.4z"/> </g> </g> <g id="shadow"> <path opacity="0.2" fill="#C1C1C0" d="M283.8,202.9c23.2-18.4,48.5-31.3,77.4-37.6c-36.2,1-71.3,12.2-101.1,31.8h23.7V202.9z"/> <path opacity="0.2" fill="#C1C1C0" d="M333.1,532.4C243.2,498,194,403.7,213.8,312.6h-34.7c-22.3,92.4,27,189.2,118.3,224.1 c36.3,13.9,74.1,16,109.4,8.3C382.4,545.7,357.4,541.6,333.1,532.4z"/> </g> <path id="lines" fill="#515251" d="M556.8,316.3c-2.9-14.1-7.4-27.9-13.4-41c0,0,0,0,0,0c-3.8-8.2-8.1-16.3-13-23.9 c-3.7-5.9-7.9-11.6-12.3-17.1c-8.5-10.6-18.2-20.3-28.7-28.9c0,0,0,0,0,0c-5.2-4.3-10.8-8.3-16.5-12.1c-7.8-5.1-16.1-9.7-24.5-13.7 c-13.1-6.1-26.9-10.7-41-13.8c-13.4-2.9-27.2-4.3-41-4.3c-13.8,0-27.6,1.5-41,4.3c-14.1,3-27.9,7.7-41,13.8 c-8.5,3.9-16.7,8.5-24.5,13.7c-0.9,0.6-1.3,1.7-1,2.7c0.3,0.9,1,1.5,1.9,1.7h22.2h0.1v0v35.7v1.9v1v37.6v1.9v1v1.9v35.7v0h-0.1 h-35.7h-2h-0.8h-2h-35.7h-2H204h-2h-24.1h-1.5c-0.1,0.6-0.3,1.3-0.4,1.9c-2.7,13-4.1,26.4-4.1,39.7c0,0.3,0,0.5,0,0.8l0,0.5 c0.1,13.8,1.6,27.6,4.6,41c3.1,14.1,7.9,27.9,14.1,41c3.5,7.3,7.4,14.5,11.8,21.3c0,0,0,0,0,0c4.4,6.8,9.2,13.5,14.4,19.7 c8,9.6,16.9,18.4,26.6,26.3c6.5,5.3,13.4,10.2,20.5,14.7c0,0,0,0,0,0c6.6,4.1,13.5,7.8,20.5,11.1c13.1,6.1,26.9,10.7,41,13.8 c13.4,2.9,27.2,4.3,41,4.3s27.6-1.5,41-4.3c14.1-3,27.9-7.7,41-13.8c7-3.3,13.9-7,20.5-11.1c7.1-4.4,14-9.4,20.5-14.7 c9.7-7.9,18.6-16.8,26.6-26.3c5.2-6.3,10.1-12.9,14.4-19.7c4.3-6.8,8.3-13.9,11.8-21.3c6.2-13.1,10.9-26.9,14.1-41 c3-13.4,4.5-27.2,4.6-41c0,0,0,0,0,0l0,0l0-0.5c0-0.2,0-0.5,0-0.7C560.8,342.7,559.5,329.3,556.8,316.3z M551.9,395.4h-21.2v-35.7 h25.2C555.7,371.7,554.4,383.7,551.9,395.4z M525.9,458.6c-4,6.1-8.3,12.1-13,17.8h-22.7v-35.7h35.7V458.6z M485.4,503.7 c-5.9,4.7-12.1,9.2-18.5,13.2h-17.1v-35.7h35.7V503.7z M325.8,516.9h-2.4h-35.7v-35.7h35.7h2.4h2.4h35.7v35.7h-35.7H325.8z M176.7,359.7h25.2v35.7h-21.2C178.3,383.7,177,371.7,176.7,359.7z M287.8,197.7L287.8,197.7h35.7h2.4h2.4h35.7v35.7h-35.7h-2.4 h-2.4h-35.7h0V197.7z M525.9,435.9h-35.7v-35.7h35.7V435.9z M247.3,400.2h35.7v35.7h-35.7V400.2z M323.4,319.2v38.1v40.5v38.1h-35.7 v-38.1v-40.5v-38.1H323.4z M525.9,395.4h-35.7v-35.7h35.7V395.4z M363.9,435.9L363.9,435.9l-35.7,0v-35.7h35.7h2.4h2.4h35.7v35.7 h-35.7v0H363.9z M328.3,238.2h35.7v35.7h-35.7V238.2z M328.3,278.7h35.7h2.4h2.4h35.7v35.7h-35.7h-2.4h-2.4h-35.7V278.7z M328.3,319.2h35.7v35.7h-35.7V319.2z M404.4,354.9h-35.7v-35.7h35.7V354.9z M328.3,359.7h35.7v35.7h-35.7V359.7z M368.7,359.7h35.7 v35.7h-35.7V359.7z M409.2,357.3v-38.1h35.7v38.1v38.1h-35.7V357.3z M449.7,359.7h35.7v35.7h-35.7V359.7z M485.4,354.9h-35.7v-35.7 h35.7V354.9z M444.9,314.4h-35.7v-35.7h35.7V314.4z M409.2,400.2h35.7v35.7h-35.7V400.2z M449.7,400.2h35.7v35.7h-35.7V400.2z M485.4,314.4h-35.7v-35.7h35.7V314.4z M444.9,273.9h-35.7v-35.7h35.7V273.9z M404.4,273.9h-35.7v-35.7h35.7V273.9z M287.8,440.7 h35.7v35.7h-35.7V440.7z M328.3,440.7h35.7v35.7h-35.7V440.7z M368.7,440.7h35.7v35.7h-35.7V440.7z M409.2,440.7h35.7v35.7h-35.7 V440.7z M449.7,440.7h35.7v35.7h-35.7V440.7z M525.9,314.4L525.9,314.4l0,4.8h0v35.7h0v0.1h-35.7h0v-0.1v-35.7v-2.3v-0.2v-2.3v-35.6 h0v-0.1h35.7V314.4z M485.4,273.9h-35.7v-35.7h35.7V273.9z M444.9,233.4h-35.7v-35.7h35.7V233.4z M404.4,233.4h-35.7v-35.7h35.7 V233.4z M287.8,238.2h35.7v35.7h-35.7V238.2z M323.4,278.7v35.7h-35.7v-35.7H323.4z M282.9,395.4h-35.7v-35.7h35.7V395.4z M242.4,395.4h-35.7v-35.7h35.7V395.4z M206.8,400.2h35.7v35.7h-35.7V400.2z M247.3,440.7h35.7v35.7h-35.7V440.7z M368.7,481.2h35.7 v35.7h-35.7V481.2z M409.2,481.2h35.7v35.7h-35.7V481.2z M530.7,354.9v-35.7h21.7c2.3,11.7,3.5,23.7,3.6,35.7H530.7z M530.7,314.4 v-35.7h8.8c5.1,11.5,9.1,23.4,11.8,35.7H530.7z M530.7,273.9v-12.5c2.4,4.1,4.6,8.3,6.6,12.5H530.7z M525.9,273.9h-35.7v-35.7H515 c3.9,4.9,7.6,10,10.9,15.2V273.9z M511,233.4h-20.8v-21C497.7,218.9,504.6,225.9,511,233.4z M485.4,233.4h-35.7v-35.7h21.1 c5,3.3,9.9,6.9,14.6,10.7V233.4z M449.7,192.9v-7.3c4.6,2.2,9,4.7,13.4,7.3H449.7z M444.9,192.9h-35.7v-21.7 c12.2,2.8,24.2,6.9,35.7,12.1V192.9z M404.4,192.9h-35.7v-26.5c12,0.2,24,1.4,35.7,3.8V192.9z M363.9,192.9h-35.7v-22.7 c11.7-2.4,23.7-3.7,35.7-3.8V192.9z M323.4,192.9h-35.7v-9.5c11.4-5.2,23.4-9.3,35.7-12.1V192.9z M269.5,192.9 c4.4-2.6,8.9-5,13.4-7.3v7.3H269.5z M282.9,319.2v35.7h-35.7v-35.7H282.9z M242.4,319.2v35.7h-35.7v-35.7H242.4z M201.9,319.2v35.7 h-25.3c0.1-12,1.3-24,3.6-35.7H201.9z M201.9,400.2v35.7h-7.7c-5.3-11.4-9.5-23.4-12.4-35.7H201.9z M201.9,440.7v10 c-1.9-3.3-3.7-6.6-5.4-10H201.9z M206.8,440.7h35.7v35.7h-22.7c-4.7-5.7-9-11.7-13-17.8V440.7z M223.9,481.2h18.6v18.4 C235.8,493.9,229.6,487.7,223.9,481.2z M247.3,481.2h35.7v35.7h-17.1c-6.4-4-12.7-8.5-18.5-13.2V481.2z M282.9,521.7v4.7 c-3-1.5-6-3.1-9-4.7H282.9z M287.8,521.7h35.7v19.1c-12.2-2.8-24.2-6.9-35.7-12.1V521.7z M328.3,521.7h35.7v24 c-12-0.2-24-1.4-35.7-3.8V521.7z M368.7,521.7h35.7v20.2c-11.7,2.4-23.7,3.7-35.7,3.8V521.7z M409.2,521.7h35.7v7 c-11.4,5.2-23.4,9.3-35.7,12.1V521.7z M449.7,526.4v-4.7h9C455.8,523.3,452.8,524.9,449.7,526.4z M490.2,499.6v-18.4h18.6 C503.1,487.8,496.8,493.9,490.2,499.6z M530.7,450.7v-10h5.4C534.4,444.1,532.6,447.4,530.7,450.7z M538.4,435.9h-7.7v-35.7h20.1 C547.9,412.5,543.7,424.5,538.4,435.9z"/> <g id="logo-bg"> <rect x="328.3" y="319.2" fill="#2AACE3" width="76.2" height="76.2"/> </g> <g id="logo"> <rect x="347.7" y="326.5" fill="#FFFFFF" width="15.6" height="7.8"/> <rect x="369.6" y="326.5" fill="#FFFFFF" width="21.4" height="7.9"/> <rect x="369.6" y="339.2" fill="#FFFFFF" width="21.4" height="7.9"/> <rect x="369.6" y="371.7" fill="#FFFFFF" width="21.4" height="7.9"/> <rect x="355.8" y="328.8" fill="#FFFFFF" width="7.5" height="27.8"/> <rect x="383.5" y="344.3" fill="#FFFFFF" width="7.5" height="12.3"/> <rect x="383.5" y="361.3" fill="#FFFFFF" width="7.5" height="28.3"/> <rect x="369.6" y="328.8" fill="#FFFFFF" width="7.5" height="18.4"/> <rect x="369.6" y="361.2" fill="#FFFFFF" width="7.5" height="17.8"/> </g> <g id="stars"> <g class="star"> <line fill="none" stroke="#2AACE3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="221.8" y1="208.2" x2="221.8" y2="292.1"/> <line fill="none" stroke="#2AACE3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="263.7" y1="250.1" x2="179.8" y2="250.1"/> <line fill="none" stroke="#2AACE3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="244.8" y1="227.1" x2="198.7" y2="273.2"/> <line fill="none" stroke="#2AACE3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="244.8" y1="273.2" x2="198.7" y2="227.1"/> </g> <g class="star"> <g> <path fill="#515251" d="M512.6,159.9c-0.5,0-1-0.2-1.4-0.6c-0.8-0.8-0.8-2,0-2.8l26.7-26.7c0.8-0.8,2-0.8,2.8,0 c0.8,0.8,0.8,2,0,2.8L514,159.4C513.6,159.7,513.1,159.9,512.6,159.9z"/> </g> <g> <path fill="#515251" d="M539.2,159.9c-0.5,0-1-0.2-1.4-0.6l-26.7-26.7c-0.8-0.8-0.8-2,0-2.8c0.8-0.8,2-0.8,2.8,0l26.7,26.7 c0.8,0.8,0.8,2,0,2.8C540.3,159.7,539.7,159.9,539.2,159.9z"/> </g> </g> <g class="star"> <line fill="none" stroke="#515251" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="150.5" y1="474.4" x2="139.2" y2="485.8"/> <line fill="none" stroke="#515251" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="150.5" y1="485.8" x2="139.2" y2="474.4"/> </g> <g class="star"> <line fill="none" stroke="#919191" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="185.5" y1="182.9" x2="174.2" y2="194.2"/> <line fill="none" stroke="#919191" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="185.5" y1="194.2" x2="174.2" y2="182.9"/> </g> <g class="star"> <path fill="#74CAE9" d="M607.7,466l-4.2-4.2l4.2-4.2c0.8-0.8,0.8-2,0-2.8c-0.8-0.8-2-0.8-2.8,0l-4.2,4.2l-4.2-4.2 c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l4.2,4.2l-4.2,4.2c-0.8,0.8-0.8,2,0,2.8c0.8,0.8,2,0.8,2.8,0l4.2-4.2l4.2,4.2 c0.8,0.8,2,0.8,2.8,0C608.4,468,608.4,466.7,607.7,466z"/> </g> <g class="star"> <line fill="none" stroke="#919191" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="533" y1="583.3" x2="499.9" y2="616.5"/> <line fill="none" stroke="#919191" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="533" y1="616.5" x2="499.9" y2="583.3"/> </g> </g> </svg> </div>
</div> <script src="js/index.js"></script>
</body>
</html>

Happy New Years - Script Codes CSS Codes

.star { -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; -moz-transform: scale(0.2, 0.2); -ms-transform: scale(0.2, 0.2); -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2);
}
.block { fill: whitesmoke;
}
.star:nth-child(1) { -webkit-animation: stars 2s 0.5s steps(4) infinite; animation: stars 2s 0.5s steps(4) infinite;
}
.star:nth-child(2) { -webkit-animation: stars 2s 1s steps(4) infinite; animation: stars 2s 1s steps(4) infinite;
}
.star:nth-child(3) { -webkit-animation: stars 2s 1.5s steps(4) infinite; animation: stars 2s 1.5s steps(4) infinite;
}
.star:nth-child(4) { -webkit-animation: stars 2s 2s steps(4) infinite; animation: stars 2s 2s steps(4) infinite;
}
.star:nth-child(5) { -webkit-animation: stars 2s 2.5s steps(4) infinite; animation: stars 2s 2.5s steps(4) infinite;
}
.star:nth-child(6) { -webkit-animation: stars 2s 3s steps(4) infinite; animation: stars 2s 3s steps(4) infinite;
}
.block:nth-child(1) { -webkit-animation: blocks 4s 0.5s steps(4) infinite; animation: blocks 4s 0.5s steps(4) infinite;
}
.block:nth-child(2) { -webkit-animation: blocks 4s 1s steps(4) infinite; animation: blocks 4s 1s steps(4) infinite;
}
.block:nth-child(3) { -webkit-animation: blocks 4s 1.5s steps(4) infinite; animation: blocks 4s 1.5s steps(4) infinite;
}
.block:nth-child(4) { -webkit-animation: blocks 4s 2s steps(4) infinite; animation: blocks 4s 2s steps(4) infinite;
}
.block:nth-child(5) { -webkit-animation: blocks 4s 2.5s steps(4) infinite; animation: blocks 4s 2.5s steps(4) infinite;
}
.block:nth-child(6) { -webkit-animation: blocks 4s 3s steps(4) infinite; animation: blocks 4s 3s steps(4) infinite;
}
.block:nth-child(7) { -webkit-animation: blocks 4s 3.5s steps(4) infinite; animation: blocks 4s 3.5s steps(4) infinite;
}
.block:nth-child(8) { -webkit-animation: blocks 4s 4s steps(4) infinite; animation: blocks 4s 4s steps(4) infinite;
}
.block:nth-child(9) { -webkit-animation: blocks 4s 4.5s steps(4) infinite; animation: blocks 4s 4.5s steps(4) infinite;
}
.block:nth-child(10) { -webkit-animation: blocks 4s 5s steps(4) infinite; animation: blocks 4s 5s steps(4) infinite;
}
.block:nth-child(11) { -webkit-animation: blocks 4s 5.5s steps(4) infinite; animation: blocks 4s 5.5s steps(4) infinite;
}
.block:nth-child(12) { -webkit-animation: blocks 4s 6s steps(4) infinite; animation: blocks 4s 6s steps(4) infinite;
}
.block:nth-child(13) { -webkit-animation: blocks 4s 6.5s steps(4) infinite; animation: blocks 4s 6.5s steps(4) infinite;
}
.block:nth-child(14) { -webkit-animation: blocks 4s 7s steps(4) infinite; animation: blocks 4s 7s steps(4) infinite;
}
.block:nth-child(15) { -webkit-animation: blocks 4s 7.5s steps(4) infinite; animation: blocks 4s 7.5s steps(4) infinite;
}
.block:nth-child(16) { -webkit-animation: blocks 4s 8s steps(4) infinite; animation: blocks 4s 8s steps(4) infinite;
}
.block:nth-child(17) { -webkit-animation: blocks 4s 8.5s steps(4) infinite; animation: blocks 4s 8.5s steps(4) infinite;
}
.block:nth-child(18) { -webkit-animation: blocks 4s 9s steps(4) infinite; animation: blocks 4s 9s steps(4) infinite;
}
.block:nth-child(19) { -webkit-animation: blocks 4s 9.5s steps(4) infinite; animation: blocks 4s 9.5s steps(4) infinite;
}
.block:nth-child(20) { -webkit-animation: blocks 4s 10s steps(4) infinite; animation: blocks 4s 10s steps(4) infinite;
}
.block:nth-child(21) { -webkit-animation: blocks 4s 10.5s steps(4) infinite; animation: blocks 4s 10.5s steps(4) infinite;
}
.block:nth-child(22) { -webkit-animation: blocks 4s 11s steps(4) infinite; animation: blocks 4s 11s steps(4) infinite;
}
.block:nth-child(23) { -webkit-animation: blocks 4s 11.5s steps(4) infinite; animation: blocks 4s 11.5s steps(4) infinite;
}
.block:nth-child(24) { -webkit-animation: blocks 4s 12s steps(4) infinite; animation: blocks 4s 12s steps(4) infinite;
}
.block:nth-child(25) { -webkit-animation: blocks 4s 12.5s steps(4) infinite; animation: blocks 4s 12.5s steps(4) infinite;
}
.block:nth-child(26) { -webkit-animation: blocks 4s 13s steps(4) infinite; animation: blocks 4s 13s steps(4) infinite;
}
.block:nth-child(27) { -webkit-animation: blocks 4s 13.5s steps(4) infinite; animation: blocks 4s 13.5s steps(4) infinite;
}
.block:nth-child(28) { -webkit-animation: blocks 4s 14s steps(4) infinite; animation: blocks 4s 14s steps(4) infinite;
}
.block:nth-child(29) { -webkit-animation: blocks 4s 14.5s steps(4) infinite; animation: blocks 4s 14.5s steps(4) infinite;
}
.block:nth-child(30) { -webkit-animation: blocks 4s 15s steps(4) infinite; animation: blocks 4s 15s steps(4) infinite;
}
.block:nth-child(31) { -webkit-animation: blocks 4s 15.5s steps(4) infinite; animation: blocks 4s 15.5s steps(4) infinite;
}
.block:nth-child(32) { -webkit-animation: blocks 4s 16s steps(4) infinite; animation: blocks 4s 16s steps(4) infinite;
}
.block:nth-child(33) { -webkit-animation: blocks 4s 16.5s steps(4) infinite; animation: blocks 4s 16.5s steps(4) infinite;
}
.block:nth-child(34) { -webkit-animation: blocks 4s 17s steps(4) infinite; animation: blocks 4s 17s steps(4) infinite;
}
.block:nth-child(35) { -webkit-animation: blocks 4s 17.5s steps(4) infinite; animation: blocks 4s 17.5s steps(4) infinite;
}
.block:nth-child(36) { -webkit-animation: blocks 4s 18s steps(4) infinite; animation: blocks 4s 18s steps(4) infinite;
}
.block:nth-child(37) { -webkit-animation: blocks 4s 18.5s steps(4) infinite; animation: blocks 4s 18.5s steps(4) infinite;
}
.block:nth-child(38) { -webkit-animation: blocks 4s 19s steps(4) infinite; animation: blocks 4s 19s steps(4) infinite;
}
.block:nth-child(39) { -webkit-animation: blocks 4s 19.5s steps(4) infinite; animation: blocks 4s 19.5s steps(4) infinite;
}
.block:nth-child(40) { -webkit-animation: blocks 4s 20s steps(4) infinite; animation: blocks 4s 20s steps(4) infinite;
}
.block:nth-child(41) { -webkit-animation: blocks 4s 20.5s steps(4) infinite; animation: blocks 4s 20.5s steps(4) infinite;
}
.block:nth-child(42) { -webkit-animation: blocks 4s 21s steps(4) infinite; animation: blocks 4s 21s steps(4) infinite;
}
.block:nth-child(43) { -webkit-animation: blocks 4s 21.5s steps(4) infinite; animation: blocks 4s 21.5s steps(4) infinite;
}
.block:nth-child(44) { -webkit-animation: blocks 4s 22s steps(4) infinite; animation: blocks 4s 22s steps(4) infinite;
}
.block:nth-child(45) { -webkit-animation: blocks 4s 22.5s steps(4) infinite; animation: blocks 4s 22.5s steps(4) infinite;
}
.block:nth-child(46) { -webkit-animation: blocks 4s 23s steps(4) infinite; animation: blocks 4s 23s steps(4) infinite;
}
.block:nth-child(47) { -webkit-animation: blocks 4s 23.5s steps(4) infinite; animation: blocks 4s 23.5s steps(4) infinite;
}
.block:nth-child(48) { -webkit-animation: blocks 4s 24s steps(4) infinite; animation: blocks 4s 24s steps(4) infinite;
}
.block:nth-child(49) { -webkit-animation: blocks 4s 24.5s steps(4) infinite; animation: blocks 4s 24.5s steps(4) infinite;
}
.block:nth-child(50) { -webkit-animation: blocks 4s 25s steps(4) infinite; animation: blocks 4s 25s steps(4) infinite;
}
.block:nth-child(51) { -webkit-animation: blocks 4s 25.5s steps(4) infinite; animation: blocks 4s 25.5s steps(4) infinite;
}
.block:nth-child(52) { -webkit-animation: blocks 4s 26s steps(4) infinite; animation: blocks 4s 26s steps(4) infinite;
}
.block:nth-child(53) { -webkit-animation: blocks 4s 26.5s steps(4) infinite; animation: blocks 4s 26.5s steps(4) infinite;
}
.block:nth-child(54) { -webkit-animation: blocks 4s 27s steps(4) infinite; animation: blocks 4s 27s steps(4) infinite;
}
.block:nth-child(55) { -webkit-animation: blocks 4s 27.5s steps(4) infinite; animation: blocks 4s 27.5s steps(4) infinite;
}
.block:nth-child(56) { -webkit-animation: blocks 4s 28s steps(4) infinite; animation: blocks 4s 28s steps(4) infinite;
}
.block:nth-child(57) { -webkit-animation: blocks 4s 28.5s steps(4) infinite; animation: blocks 4s 28.5s steps(4) infinite;
}
.block:nth-child(58) { -webkit-animation: blocks 4s 29s steps(4) infinite; animation: blocks 4s 29s steps(4) infinite;
}
.block:nth-child(59) { -webkit-animation: blocks 4s 29.5s steps(4) infinite; animation: blocks 4s 29.5s steps(4) infinite;
}
.block:nth-child(60) { -webkit-animation: blocks 4s 30s steps(4) infinite; animation: blocks 4s 30s steps(4) infinite;
}
@-moz-keyframes blocks { from { fill: whitesmoke; } to { fill: #2AACE3; }
}
@-webkit-keyframes blocks { from { fill: whitesmoke; } to { fill: #2AACE3; }
}
@keyframes blocks { from { fill: whitesmoke; } to { fill: #2AACE3; }
}
@-moz-keyframes stars { to { -moz-transform: scale(1, 1); transform: scale(1, 1); }
}
@-webkit-keyframes stars { to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@keyframes stars { to { -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
#discoball { position: absolute; top: 0; left: 50%; margin-left: -250px; height: 500px;
}
.va--t { position: relative; display: table; height: 100%; width: 100%;
}
.va--t:before { display: block; content: ""; width: 3px; height: 50%; position: absolute; bottom: 50%; left: 50.25%; background: #515251;
}
.va--t .va--tc { display: table-cell; vertical-align: middle; text-align: center;
}
html { background: whitesmoke;
}
html, body { height: 100%;
}

Happy New Years - Script Codes JS Codes

// Thanks to Chris Cromwell (@cromcake) for the art

Home Page	Home
Developer	Jon Ambas
Username	jonambas
Uploaded	October 19, 2022
Rating	3
Size	7,291 Kb
Views	10,120

Do you need developer help for Happy New Years?

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!

Jon Ambas (jonambas) Script Codes

Name	Size
Playing with SVGs	3,215 Kb
Cubes	3,469 Kb
Looping through a sprite sheet	2,897 Kb
Coffee	2,651 Kb
Bee Mine	5,531 Kb
Drip Drop	3,011 Kb
Cell Focusing	4,757 Kb
A Pen by Jon Ambas	1,826 Kb
Sidebar Thing	2,779 Kb
Polygons with clip-path	4,602 Kb

Create amazing love letters 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
Countdown with Rings	Ewganoel	2,490 Kb
Velocity.js custom stagger	Tommiehansen	4,805 Kb
Social Profiles	Lachlanjc	1,939 Kb
A bit of elegance	Hackthevoid	9,095 Kb
Swiftype Lower Third	Zumwalt	4,796 Kb
Getting Started	Viblast	1,500 Kb
A Pen by James Podles	Jpod	2,656 Kb
OnScreenAction	Ozgursagiroglu	2,647 Kb
Toggle Time	Petebot	5,345 Kb
A Pen by panstable	Panstable	2,940 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!