Div Screen Saver

Developer

Size

8,930 Kb

Views

14,168

Div Screen Saver Previews
Div Screen Saver HTML Codes
Div Screen Saver CSS Codes

How do I make an div screen saver?

Works best in chrome. Webkit filters allow for a pretty neat rainbow effect. Just divs and css. Fun stuff.. What is a div screen saver? How do you make a div screen saver? This script and codes were developed by Jordan on 03 December 2022, Saturday.

Div Screen Saver Previews

Div Screen Saver - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Div Screen Saver</title> <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! */ body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(1) { width: 11.11111px; height: 15px; border: 0.38px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -10px; margin-left: -20px; z-index: 4; animation: 24s pounce -0.00079s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff7455, 1px 1px -20px #ff8754 1px 1px 10px #006470; opacity: 1.98;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(2) { width: 22.22222px; height: 30px; border: 0.76px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -20px; margin-left: -40px; z-index: 3; animation: 24s pounce -0.00314s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff7051, 1px 1px -20px #ff844f 1px 1px 10px #005d69; opacity: 0.99;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(3) { width: 33.33333px; height: 45px; border: 1.14px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -30px; margin-left: -60px; z-index: 2; animation: 24s pounce -0.00707s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6d4c, 1px 1px -20px #ff804a 1px 1px 10px #005761; opacity: 0.66;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(4) { width: 44.44444px; height: 60px; border: 1.52px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -40px; margin-left: -80px; z-index: 1; animation: 24s pounce -0.01257s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6948, 1px 1px -20px #ff7d45 1px 1px 10px #005059; opacity: 0.495;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(5) { width: 55.55556px; height: 75px; border: 1.9px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -50px; margin-left: -100px; z-index: 0; animation: 24s pounce -0.01964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6644, 1px 1px -20px #ff7940 1px 1px 10px #004952; opacity: 0.396;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(6) { width: 66.66667px; height: 90px; border: 2.28px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -60px; margin-left: -120px; z-index: -1; animation: 24s pounce -0.02829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6240, 1px 1px -20px #ff763a 1px 1px 10px #00424a; opacity: 0.33;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(7) { width: 77.77778px; height: 105px; border: 2.66px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -70px; margin-left: -140px; z-index: -2; animation: 24s pounce -0.0385s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff5f3b, 1px 1px -20px #ff7235 1px 1px 10px #003b42; opacity: 0.28286;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(8) { width: 88.88889px; height: 120px; border: 3.04px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -80px; margin-left: -160px; z-index: -3; animation: 24s pounce -0.05029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff5b37, 1px 1px -20px #ff6e30 1px 1px 10px #00343b; opacity: 0.2475;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(9) { width: 100px; height: 135px; border: 3.42px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -90px; margin-left: -180px; z-index: -4; animation: 24s pounce -0.06364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff5833, 1px 1px -20px #ff6b2b 1px 1px 10px #002e33; opacity: 0.22;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(10) { width: 111.11111px; height: 150px; border: 3.8px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -100px; margin-left: -200px; z-index: -5; animation: 24s pounce -0.07857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff542f, 1px 1px -20px #ff6726 1px 1px 10px #00272c; opacity: 0.198;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(11) { width: 122.22222px; height: 165px; border: 4.18px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -110px; margin-left: -220px; z-index: -6; animation: 24s pounce -0.09507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff512a, 1px 1px -20px #ff6421 1px 1px 10px #002024; opacity: 0.18;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(12) { width: 133.33333px; height: 180px; border: 4.56px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -120px; margin-left: -240px; z-index: -7; animation: 24s pounce -0.11314s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff4d26, 1px 1px -20px #ff601c 1px 1px 10px #00191c; opacity: 0.165;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(13) { width: 144.44444px; height: 195px; border: 4.94px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -130px; margin-left: -260px; z-index: -8; animation: 24s pounce -0.13279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff4a22, 1px 1px -20px #ff5d17 1px 1px 10px #001215; opacity: 0.15231;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(14) { width: 155.55556px; height: 210px; border: 5.32px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -140px; margin-left: -280px; z-index: -9; animation: 24s pounce -0.154s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff461e, 1px 1px -20px #ff5912 1px 1px 10px #000c0d; opacity: 0.14143;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(15) { width: 166.66667px; height: 225px; border: 5.7px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -150px; margin-left: -300px; z-index: -10; animation: 24s pounce -0.17679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff4319, 1px 1px -20px #ff560d 1px 1px 10px #000505; opacity: 0.132;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(16) { width: 177.77778px; height: 240px; border: 6.08px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -160px; margin-left: -320px; z-index: -11; animation: 24s pounce -0.20114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3f15, 1px 1px -20px #ff5207 1px 1px 10px black; opacity: 0.12375;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(17) { width: 188.88889px; height: 255px; border: 6.46px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -170px; margin-left: -340px; z-index: -12; animation: 24s pounce -0.22707s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3c11, 1px 1px -20px #ff4e02 1px 1px 10px black; opacity: 0.11647;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(18) { width: 200px; height: 270px; border: 6.84px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -180px; margin-left: -360px; z-index: -13; animation: 24s pounce -0.25457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff380d, 1px 1px -20px #fc4c00 1px 1px 10px black; opacity: 0.11;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(19) { width: 211.11111px; height: 285px; border: 7.22px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -190px; margin-left: -380px; z-index: -14; animation: 24s pounce -0.28364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3508, 1px 1px -20px #f74a00 1px 1px 10px black; opacity: 0.10421;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(20) { width: 222.22222px; height: 300px; border: 7.6px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -200px; margin-left: -400px; z-index: -15; animation: 24s pounce -0.31429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3104, 1px 1px -20px #f24900 1px 1px 10px black; opacity: 0.099;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(21) { width: 233.33333px; height: 315px; border: 7.98px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -210px; margin-left: -420px; z-index: -16; animation: 24s pounce -0.3465s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff2e00, 1px 1px -20px #ed4700 1px 1px 10px black; opacity: 0.09429;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(22) { width: 244.44444px; height: 330px; border: 8.36px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -220px; margin-left: -440px; z-index: -17; animation: 24s pounce -0.38029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #fb2d00, 1px 1px -20px #e84600 1px 1px 10px black; opacity: 0.09;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(23) { width: 255.55556px; height: 345px; border: 8.74px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -230px; margin-left: -460px; z-index: -18; animation: 24s pounce -0.41564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #f62d00, 1px 1px -20px #e34400 1px 1px 10px black; opacity: 0.08609;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(24) { width: 266.66667px; height: 360px; border: 9.12px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -240px; margin-left: -480px; z-index: -19; animation: 24s pounce -0.45257s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #f22c00, 1px 1px -20px #de4300 1px 1px 10px black; opacity: 0.0825;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(25) { width: 277.77778px; height: 375px; border: 9.5px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -250px; margin-left: -500px; z-index: -20; animation: 24s pounce -0.49107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ee2b00, 1px 1px -20px #d94100 1px 1px 10px black; opacity: 0.0792;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(26) { width: 288.88889px; height: 390px; border: 9.88px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -260px; margin-left: -520px; z-index: -21; animation: 24s pounce -0.53114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ea2a00, 1px 1px -20px #d34000 1px 1px 10px black; opacity: 0.07615;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(27) { width: 300px; height: 405px; border: 10.26px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -270px; margin-left: -540px; z-index: -22; animation: 24s pounce -0.57279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #e52900, 1px 1px -20px #ce3e00 1px 1px 10px black; opacity: 0.07333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(28) { width: 311.11111px; height: 420px; border: 10.64px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -280px; margin-left: -560px; z-index: -23; animation: 24s pounce -0.616s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #e12900, 1px 1px -20px #c93d00 1px 1px 10px black; opacity: 0.07071;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(29) { width: 322.22222px; height: 435px; border: 11.02px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -290px; margin-left: -580px; z-index: -24; animation: 24s pounce -0.66079s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #dd2800, 1px 1px -20px #c43b00 1px 1px 10px black; opacity: 0.06828;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(30) { width: 333.33333px; height: 450px; border: 11.4px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -300px; margin-left: -600px; z-index: -25; animation: 24s pounce -0.70714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #d92700, 1px 1px -20px #bf3a00 1px 1px 10px black; opacity: 0.066;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(31) { width: 344.44444px; height: 465px; border: 11.78px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -310px; margin-left: -620px; z-index: -26; animation: 24s pounce -0.75507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #d42600, 1px 1px -20px #ba3800 1px 1px 10px black; opacity: 0.06387;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(32) { width: 355.55556px; height: 480px; border: 12.16px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -320px; margin-left: -640px; z-index: -27; animation: 24s pounce -0.80457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #d02600, 1px 1px -20px #b53600 1px 1px 10px black; opacity: 0.06188;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(33) { width: 366.66667px; height: 495px; border: 12.54px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -330px; margin-left: -660px; z-index: -28; animation: 24s pounce -0.85564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #cc2500, 1px 1px -20px #b03500 1px 1px 10px black; opacity: 0.06;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(34) { width: 377.77778px; height: 510px; border: 12.92px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -340px; margin-left: -680px; z-index: -29; animation: 24s pounce -0.90829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #c82400, 1px 1px -20px #ab3300 1px 1px 10px black; opacity: 0.05824;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(35) { width: 388.88889px; height: 525px; border: 13.3px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -350px; margin-left: -700px; z-index: -30; animation: 24s pounce -0.9625s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #c32300, 1px 1px -20px #a63200 1px 1px 10px black; opacity: 0.05657;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(36) { width: 400px; height: 540px; border: 13.68px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -360px; margin-left: -720px; z-index: -31; animation: 24s pounce -1.01829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #bf2300, 1px 1px -20px #a03000 1px 1px 10px black; opacity: 0.055;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(37) { width: 411.11111px; height: 555px; border: 14.06px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -370px; margin-left: -740px; z-index: -32; animation: 24s pounce -1.07564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #bb2200, 1px 1px -20px #9b2f00 1px 1px 10px black; opacity: 0.05351;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(38) { width: 422.22222px; height: 570px; border: 14.44px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -380px; margin-left: -760px; z-index: -33; animation: 24s pounce -1.13457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #b72100, 1px 1px -20px #962d00 1px 1px 10px black; opacity: 0.05211;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(39) { width: 433.33333px; height: 585px; border: 14.82px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -390px; margin-left: -780px; z-index: -34; animation: 24s pounce -1.19507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #b22000, 1px 1px -20px #912c00 1px 1px 10px black; opacity: 0.05077;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(40) { width: 444.44444px; height: 600px; border: 15.2px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -400px; margin-left: -800px; z-index: -35; animation: 24s pounce -1.25714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ae1f00, 1px 1px -20px #8c2a00 1px 1px 10px black; opacity: 0.0495;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(41) { width: 455.55556px; height: 615px; border: 15.58px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -410px; margin-left: -820px; z-index: -36; animation: 24s pounce -1.32079s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #aa1f00, 1px 1px -20px #872900 1px 1px 10px black; opacity: 0.04829;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(42) { width: 466.66667px; height: 630px; border: 15.96px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -420px; margin-left: -840px; z-index: -37; animation: 24s pounce -1.386s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #a61e00, 1px 1px -20px #822700 1px 1px 10px black; opacity: 0.04714;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(43) { width: 477.77778px; height: 645px; border: 16.34px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -430px; margin-left: -860px; z-index: -38; animation: 24s pounce -1.45279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #a11d00, 1px 1px -20px #7d2600 1px 1px 10px black; opacity: 0.04605;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(44) { width: 488.88889px; height: 660px; border: 16.72px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -440px; margin-left: -880px; z-index: -39; animation: 24s pounce -1.52114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #9d1c00, 1px 1px -20px #782400 1px 1px 10px black; opacity: 0.045;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(45) { width: 500px; height: 675px; border: 17.1px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -450px; margin-left: -900px; z-index: -40; animation: 24s pounce -1.59107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #991c00, 1px 1px -20px #732200 1px 1px 10px black; opacity: 0.044;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(46) { width: 511.11111px; height: 690px; border: 17.48px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -460px; margin-left: -920px; z-index: -41; animation: 24s pounce -1.66257s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #951b00, 1px 1px -20px #6d2100 1px 1px 10px black; opacity: 0.04304;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(47) { width: 522.22222px; height: 705px; border: 17.86px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -470px; margin-left: -940px; z-index: -42; animation: 24s pounce -1.73564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #901a00, 1px 1px -20px #681f00 1px 1px 10px black; opacity: 0.04213;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(48) { width: 533.33333px; height: 720px; border: 18.24px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -480px; margin-left: -960px; z-index: -43; animation: 24s pounce -1.81029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #8c1900, 1px 1px -20px #631e00 1px 1px 10px black; opacity: 0.04125;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(49) { width: 544.44444px; height: 735px; border: 18.62px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -490px; margin-left: -980px; z-index: -44; animation: 24s pounce -1.8865s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #881900, 1px 1px -20px #5e1c00 1px 1px 10px black; opacity: 0.04041;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(50) { width: 555.55556px; height: 750px; border: 19px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -500px; margin-left: -1000px; z-index: -45; animation: 24s pounce -1.96429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #841800, 1px 1px -20px #591b00 1px 1px 10px black; opacity: 0.0396;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(51) { width: 566.66667px; height: 765px; border: 19.38px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -510px; margin-left: -1020px; z-index: -46; animation: 24s pounce -2.04364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #7f1700, 1px 1px -20px #541900 1px 1px 10px black; opacity: 0.03882;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(52) { width: 577.77778px; height: 780px; border: 19.76px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -520px; margin-left: -1040px; z-index: -47; animation: 24s pounce -2.12457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #7b1600, 1px 1px -20px #4f1800 1px 1px 10px black; opacity: 0.03808;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(53) { width: 588.88889px; height: 795px; border: 20.14px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -530px; margin-left: -1060px; z-index: -48; animation: 24s pounce -2.20707s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #771500, 1px 1px -20px #4a1600 1px 1px 10px black; opacity: 0.03736;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(54) { width: 600px; height: 810px; border: 20.52px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -540px; margin-left: -1080px; z-index: -49; animation: 24s pounce -2.29114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #731500, 1px 1px -20px #451500 1px 1px 10px black; opacity: 0.03667;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(55) { width: 611.11111px; height: 825px; border: 20.9px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -550px; margin-left: -1100px; z-index: -50; animation: 24s pounce -2.37679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #6e1400, 1px 1px -20px #401300 1px 1px 10px black; opacity: 0.036;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(56) { width: 622.22222px; height: 840px; border: 21.28px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -560px; margin-left: -1120px; z-index: -51; animation: 24s pounce -2.464s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #6a1300, 1px 1px -20px #3a1200 1px 1px 10px black; opacity: 0.03536;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(57) { width: 633.33333px; height: 855px; border: 21.66px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -570px; margin-left: -1140px; z-index: -52; animation: 24s pounce -2.55279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #661200, 1px 1px -20px #351000 1px 1px 10px black; opacity: 0.03474;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(58) { width: 644.44444px; height: 870px; border: 22.04px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -580px; margin-left: -1160px; z-index: -53; animation: 24s pounce -2.64314s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #621200, 1px 1px -20px #300f00 1px 1px 10px black; opacity: 0.03414;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(59) { width: 655.55556px; height: 885px; border: 22.42px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -590px; margin-left: -1180px; z-index: -54; animation: 24s pounce -2.73507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #5d1100, 1px 1px -20px #2b0d00 1px 1px 10px black; opacity: 0.03356;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(60) { width: 666.66667px; height: 900px; border: 22.8px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -600px; margin-left: -1200px; z-index: -55; animation: 24s pounce -2.82857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #591000, 1px 1px -20px #260b00 1px 1px 10px black; opacity: 0.033;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(61) { width: 677.77778px; height: 915px; border: 23.18px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -610px; margin-left: -1220px; z-index: -56; animation: 24s pounce -2.92364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #550f00, 1px 1px -20px #210a00 1px 1px 10px black; opacity: 0.03246;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(62) { width: 688.88889px; height: 930px; border: 23.56px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -620px; margin-left: -1240px; z-index: -57; animation: 24s pounce -3.02029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #510f00, 1px 1px -20px #1c0800 1px 1px 10px black; opacity: 0.03194;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(63) { width: 700px; height: 945px; border: 23.94px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -630px; margin-left: -1260px; z-index: -58; animation: 24s pounce -3.1185s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #4c0e00, 1px 1px -20px #170700 1px 1px 10px black; opacity: 0.03143;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(64) { width: 711.11111px; height: 960px; border: 24.32px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -640px; margin-left: -1280px; z-index: -59; animation: 24s pounce -3.21829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #480d00, 1px 1px -20px #120500 1px 1px 10px black; opacity: 0.03094;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(65) { width: 722.22222px; height: 975px; border: 24.7px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -650px; margin-left: -1300px; z-index: -60; animation: 24s pounce -3.31964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #440c00, 1px 1px -20px #0d0400 1px 1px 10px black; opacity: 0.03046;
}
@keyframes pounce { 0% { transform: rotate(-900deg); transform: matrix(0, -200.84, 0.24, 6, 43px, 6px); -webkit-filter: hue-rotate(1600deg); } 20% { transform: rotate(900deg) skew(40deg); transform-style: preserve-3d; transform: translatex(-100px) translatey(250px) rotateY(-300deg); } 25% { transform: rotate(-86deg) skew(40deg) scale(1.5); } 50% { transform: rotate(40deg); } 55% { transform: rotate(86deg); transform-style: preserve-3d; } 75% { transform: rotate(36deg) skew(40deg) matrix(1.06, 155.84, 0.54, 6, 43px, 172px); transform-style: preserve-3d; } 100% { transform: rotate(-900deg); transform-style: preserve-3d; }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>

Div Screen Saver - Script Codes CSS Codes

body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(1) { width: 11.11111px; height: 15px; border: 0.38px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -10px; margin-left: -20px; z-index: 4; animation: 24s pounce -0.00079s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff7455, 1px 1px -20px #ff8754 1px 1px 10px #006470; opacity: 1.98;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(2) { width: 22.22222px; height: 30px; border: 0.76px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -20px; margin-left: -40px; z-index: 3; animation: 24s pounce -0.00314s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff7051, 1px 1px -20px #ff844f 1px 1px 10px #005d69; opacity: 0.99;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(3) { width: 33.33333px; height: 45px; border: 1.14px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -30px; margin-left: -60px; z-index: 2; animation: 24s pounce -0.00707s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6d4c, 1px 1px -20px #ff804a 1px 1px 10px #005761; opacity: 0.66;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(4) { width: 44.44444px; height: 60px; border: 1.52px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -40px; margin-left: -80px; z-index: 1; animation: 24s pounce -0.01257s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6948, 1px 1px -20px #ff7d45 1px 1px 10px #005059; opacity: 0.495;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(5) { width: 55.55556px; height: 75px; border: 1.9px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -50px; margin-left: -100px; z-index: 0; animation: 24s pounce -0.01964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6644, 1px 1px -20px #ff7940 1px 1px 10px #004952; opacity: 0.396;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(6) { width: 66.66667px; height: 90px; border: 2.28px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -60px; margin-left: -120px; z-index: -1; animation: 24s pounce -0.02829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff6240, 1px 1px -20px #ff763a 1px 1px 10px #00424a; opacity: 0.33;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(7) { width: 77.77778px; height: 105px; border: 2.66px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -70px; margin-left: -140px; z-index: -2; animation: 24s pounce -0.0385s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff5f3b, 1px 1px -20px #ff7235 1px 1px 10px #003b42; opacity: 0.28286;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(8) { width: 88.88889px; height: 120px; border: 3.04px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -80px; margin-left: -160px; z-index: -3; animation: 24s pounce -0.05029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff5b37, 1px 1px -20px #ff6e30 1px 1px 10px #00343b; opacity: 0.2475;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(9) { width: 100px; height: 135px; border: 3.42px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -90px; margin-left: -180px; z-index: -4; animation: 24s pounce -0.06364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff5833, 1px 1px -20px #ff6b2b 1px 1px 10px #002e33; opacity: 0.22;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(10) { width: 111.11111px; height: 150px; border: 3.8px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -100px; margin-left: -200px; z-index: -5; animation: 24s pounce -0.07857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff542f, 1px 1px -20px #ff6726 1px 1px 10px #00272c; opacity: 0.198;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(11) { width: 122.22222px; height: 165px; border: 4.18px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -110px; margin-left: -220px; z-index: -6; animation: 24s pounce -0.09507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff512a, 1px 1px -20px #ff6421 1px 1px 10px #002024; opacity: 0.18;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(12) { width: 133.33333px; height: 180px; border: 4.56px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -120px; margin-left: -240px; z-index: -7; animation: 24s pounce -0.11314s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff4d26, 1px 1px -20px #ff601c 1px 1px 10px #00191c; opacity: 0.165;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(13) { width: 144.44444px; height: 195px; border: 4.94px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -130px; margin-left: -260px; z-index: -8; animation: 24s pounce -0.13279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff4a22, 1px 1px -20px #ff5d17 1px 1px 10px #001215; opacity: 0.15231;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(14) { width: 155.55556px; height: 210px; border: 5.32px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -140px; margin-left: -280px; z-index: -9; animation: 24s pounce -0.154s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff461e, 1px 1px -20px #ff5912 1px 1px 10px #000c0d; opacity: 0.14143;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(15) { width: 166.66667px; height: 225px; border: 5.7px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -150px; margin-left: -300px; z-index: -10; animation: 24s pounce -0.17679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff4319, 1px 1px -20px #ff560d 1px 1px 10px #000505; opacity: 0.132;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(16) { width: 177.77778px; height: 240px; border: 6.08px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -160px; margin-left: -320px; z-index: -11; animation: 24s pounce -0.20114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3f15, 1px 1px -20px #ff5207 1px 1px 10px black; opacity: 0.12375;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(17) { width: 188.88889px; height: 255px; border: 6.46px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -170px; margin-left: -340px; z-index: -12; animation: 24s pounce -0.22707s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3c11, 1px 1px -20px #ff4e02 1px 1px 10px black; opacity: 0.11647;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(18) { width: 200px; height: 270px; border: 6.84px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -180px; margin-left: -360px; z-index: -13; animation: 24s pounce -0.25457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff380d, 1px 1px -20px #fc4c00 1px 1px 10px black; opacity: 0.11;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(19) { width: 211.11111px; height: 285px; border: 7.22px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -190px; margin-left: -380px; z-index: -14; animation: 24s pounce -0.28364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3508, 1px 1px -20px #f74a00 1px 1px 10px black; opacity: 0.10421;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(20) { width: 222.22222px; height: 300px; border: 7.6px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -200px; margin-left: -400px; z-index: -15; animation: 24s pounce -0.31429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff3104, 1px 1px -20px #f24900 1px 1px 10px black; opacity: 0.099;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(21) { width: 233.33333px; height: 315px; border: 7.98px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -210px; margin-left: -420px; z-index: -16; animation: 24s pounce -0.3465s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ff2e00, 1px 1px -20px #ed4700 1px 1px 10px black; opacity: 0.09429;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(22) { width: 244.44444px; height: 330px; border: 8.36px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -220px; margin-left: -440px; z-index: -17; animation: 24s pounce -0.38029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #fb2d00, 1px 1px -20px #e84600 1px 1px 10px black; opacity: 0.09;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(23) { width: 255.55556px; height: 345px; border: 8.74px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -230px; margin-left: -460px; z-index: -18; animation: 24s pounce -0.41564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #f62d00, 1px 1px -20px #e34400 1px 1px 10px black; opacity: 0.08609;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(24) { width: 266.66667px; height: 360px; border: 9.12px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -240px; margin-left: -480px; z-index: -19; animation: 24s pounce -0.45257s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #f22c00, 1px 1px -20px #de4300 1px 1px 10px black; opacity: 0.0825;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(25) { width: 277.77778px; height: 375px; border: 9.5px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -250px; margin-left: -500px; z-index: -20; animation: 24s pounce -0.49107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ee2b00, 1px 1px -20px #d94100 1px 1px 10px black; opacity: 0.0792;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(26) { width: 288.88889px; height: 390px; border: 9.88px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -260px; margin-left: -520px; z-index: -21; animation: 24s pounce -0.53114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ea2a00, 1px 1px -20px #d34000 1px 1px 10px black; opacity: 0.07615;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(27) { width: 300px; height: 405px; border: 10.26px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -270px; margin-left: -540px; z-index: -22; animation: 24s pounce -0.57279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #e52900, 1px 1px -20px #ce3e00 1px 1px 10px black; opacity: 0.07333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(28) { width: 311.11111px; height: 420px; border: 10.64px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -280px; margin-left: -560px; z-index: -23; animation: 24s pounce -0.616s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #e12900, 1px 1px -20px #c93d00 1px 1px 10px black; opacity: 0.07071;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(29) { width: 322.22222px; height: 435px; border: 11.02px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -290px; margin-left: -580px; z-index: -24; animation: 24s pounce -0.66079s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #dd2800, 1px 1px -20px #c43b00 1px 1px 10px black; opacity: 0.06828;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(30) { width: 333.33333px; height: 450px; border: 11.4px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -300px; margin-left: -600px; z-index: -25; animation: 24s pounce -0.70714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #d92700, 1px 1px -20px #bf3a00 1px 1px 10px black; opacity: 0.066;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(31) { width: 344.44444px; height: 465px; border: 11.78px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -310px; margin-left: -620px; z-index: -26; animation: 24s pounce -0.75507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #d42600, 1px 1px -20px #ba3800 1px 1px 10px black; opacity: 0.06387;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(32) { width: 355.55556px; height: 480px; border: 12.16px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -320px; margin-left: -640px; z-index: -27; animation: 24s pounce -0.80457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #d02600, 1px 1px -20px #b53600 1px 1px 10px black; opacity: 0.06188;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(33) { width: 366.66667px; height: 495px; border: 12.54px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -330px; margin-left: -660px; z-index: -28; animation: 24s pounce -0.85564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #cc2500, 1px 1px -20px #b03500 1px 1px 10px black; opacity: 0.06;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(34) { width: 377.77778px; height: 510px; border: 12.92px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -340px; margin-left: -680px; z-index: -29; animation: 24s pounce -0.90829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #c82400, 1px 1px -20px #ab3300 1px 1px 10px black; opacity: 0.05824;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(35) { width: 388.88889px; height: 525px; border: 13.3px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -350px; margin-left: -700px; z-index: -30; animation: 24s pounce -0.9625s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #c32300, 1px 1px -20px #a63200 1px 1px 10px black; opacity: 0.05657;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(36) { width: 400px; height: 540px; border: 13.68px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -360px; margin-left: -720px; z-index: -31; animation: 24s pounce -1.01829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #bf2300, 1px 1px -20px #a03000 1px 1px 10px black; opacity: 0.055;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(37) { width: 411.11111px; height: 555px; border: 14.06px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -370px; margin-left: -740px; z-index: -32; animation: 24s pounce -1.07564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #bb2200, 1px 1px -20px #9b2f00 1px 1px 10px black; opacity: 0.05351;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(38) { width: 422.22222px; height: 570px; border: 14.44px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -380px; margin-left: -760px; z-index: -33; animation: 24s pounce -1.13457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #b72100, 1px 1px -20px #962d00 1px 1px 10px black; opacity: 0.05211;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(39) { width: 433.33333px; height: 585px; border: 14.82px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -390px; margin-left: -780px; z-index: -34; animation: 24s pounce -1.19507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #b22000, 1px 1px -20px #912c00 1px 1px 10px black; opacity: 0.05077;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(40) { width: 444.44444px; height: 600px; border: 15.2px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -400px; margin-left: -800px; z-index: -35; animation: 24s pounce -1.25714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #ae1f00, 1px 1px -20px #8c2a00 1px 1px 10px black; opacity: 0.0495;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(41) { width: 455.55556px; height: 615px; border: 15.58px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -410px; margin-left: -820px; z-index: -36; animation: 24s pounce -1.32079s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #aa1f00, 1px 1px -20px #872900 1px 1px 10px black; opacity: 0.04829;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(42) { width: 466.66667px; height: 630px; border: 15.96px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -420px; margin-left: -840px; z-index: -37; animation: 24s pounce -1.386s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #a61e00, 1px 1px -20px #822700 1px 1px 10px black; opacity: 0.04714;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(43) { width: 477.77778px; height: 645px; border: 16.34px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -430px; margin-left: -860px; z-index: -38; animation: 24s pounce -1.45279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #a11d00, 1px 1px -20px #7d2600 1px 1px 10px black; opacity: 0.04605;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(44) { width: 488.88889px; height: 660px; border: 16.72px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -440px; margin-left: -880px; z-index: -39; animation: 24s pounce -1.52114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #9d1c00, 1px 1px -20px #782400 1px 1px 10px black; opacity: 0.045;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(45) { width: 500px; height: 675px; border: 17.1px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -450px; margin-left: -900px; z-index: -40; animation: 24s pounce -1.59107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #991c00, 1px 1px -20px #732200 1px 1px 10px black; opacity: 0.044;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(46) { width: 511.11111px; height: 690px; border: 17.48px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -460px; margin-left: -920px; z-index: -41; animation: 24s pounce -1.66257s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #951b00, 1px 1px -20px #6d2100 1px 1px 10px black; opacity: 0.04304;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(47) { width: 522.22222px; height: 705px; border: 17.86px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -470px; margin-left: -940px; z-index: -42; animation: 24s pounce -1.73564s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #901a00, 1px 1px -20px #681f00 1px 1px 10px black; opacity: 0.04213;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(48) { width: 533.33333px; height: 720px; border: 18.24px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -480px; margin-left: -960px; z-index: -43; animation: 24s pounce -1.81029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #8c1900, 1px 1px -20px #631e00 1px 1px 10px black; opacity: 0.04125;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(49) { width: 544.44444px; height: 735px; border: 18.62px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -490px; margin-left: -980px; z-index: -44; animation: 24s pounce -1.8865s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #881900, 1px 1px -20px #5e1c00 1px 1px 10px black; opacity: 0.04041;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(50) { width: 555.55556px; height: 750px; border: 19px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -500px; margin-left: -1000px; z-index: -45; animation: 24s pounce -1.96429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #841800, 1px 1px -20px #591b00 1px 1px 10px black; opacity: 0.0396;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(51) { width: 566.66667px; height: 765px; border: 19.38px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -510px; margin-left: -1020px; z-index: -46; animation: 24s pounce -2.04364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #7f1700, 1px 1px -20px #541900 1px 1px 10px black; opacity: 0.03882;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(52) { width: 577.77778px; height: 780px; border: 19.76px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -520px; margin-left: -1040px; z-index: -47; animation: 24s pounce -2.12457s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #7b1600, 1px 1px -20px #4f1800 1px 1px 10px black; opacity: 0.03808;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(53) { width: 588.88889px; height: 795px; border: 20.14px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -530px; margin-left: -1060px; z-index: -48; animation: 24s pounce -2.20707s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #771500, 1px 1px -20px #4a1600 1px 1px 10px black; opacity: 0.03736;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(54) { width: 600px; height: 810px; border: 20.52px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -540px; margin-left: -1080px; z-index: -49; animation: 24s pounce -2.29114s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #731500, 1px 1px -20px #451500 1px 1px 10px black; opacity: 0.03667;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(55) { width: 611.11111px; height: 825px; border: 20.9px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -550px; margin-left: -1100px; z-index: -50; animation: 24s pounce -2.37679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #6e1400, 1px 1px -20px #401300 1px 1px 10px black; opacity: 0.036;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(56) { width: 622.22222px; height: 840px; border: 21.28px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -560px; margin-left: -1120px; z-index: -51; animation: 24s pounce -2.464s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #6a1300, 1px 1px -20px #3a1200 1px 1px 10px black; opacity: 0.03536;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(57) { width: 633.33333px; height: 855px; border: 21.66px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -570px; margin-left: -1140px; z-index: -52; animation: 24s pounce -2.55279s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #661200, 1px 1px -20px #351000 1px 1px 10px black; opacity: 0.03474;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(58) { width: 644.44444px; height: 870px; border: 22.04px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -580px; margin-left: -1160px; z-index: -53; animation: 24s pounce -2.64314s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #621200, 1px 1px -20px #300f00 1px 1px 10px black; opacity: 0.03414;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(59) { width: 655.55556px; height: 885px; border: 22.42px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -590px; margin-left: -1180px; z-index: -54; animation: 24s pounce -2.73507s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #5d1100, 1px 1px -20px #2b0d00 1px 1px 10px black; opacity: 0.03356;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(60) { width: 666.66667px; height: 900px; border: 22.8px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -600px; margin-left: -1200px; z-index: -55; animation: 24s pounce -2.82857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #591000, 1px 1px -20px #260b00 1px 1px 10px black; opacity: 0.033;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(61) { width: 677.77778px; height: 915px; border: 23.18px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -610px; margin-left: -1220px; z-index: -56; animation: 24s pounce -2.92364s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #550f00, 1px 1px -20px #210a00 1px 1px 10px black; opacity: 0.03246;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(62) { width: 688.88889px; height: 930px; border: 23.56px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -620px; margin-left: -1240px; z-index: -57; animation: 24s pounce -3.02029s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #510f00, 1px 1px -20px #1c0800 1px 1px 10px black; opacity: 0.03194;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(63) { width: 700px; height: 945px; border: 23.94px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -630px; margin-left: -1260px; z-index: -58; animation: 24s pounce -3.1185s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #4c0e00, 1px 1px -20px #170700 1px 1px 10px black; opacity: 0.03143;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(64) { width: 711.11111px; height: 960px; border: 24.32px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -640px; margin-left: -1280px; z-index: -59; animation: 24s pounce -3.21829s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #480d00, 1px 1px -20px #120500 1px 1px 10px black; opacity: 0.03094;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(500%);
}
div:nth-child(65) { width: 722.22222px; height: 975px; border: 24.7px #f8fccd; border-style: none groove none groove; position: absolute; top: 50%; left: 49%; margin-top: -650px; margin-left: -1300px; z-index: -60; animation: 24s pounce -3.31964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite; box-shadow: 1px 1px -90px #440c00, 1px 1px -20px #0d0400 1px 1px 10px black; opacity: 0.03046;
}
@keyframes pounce { 0% { transform: rotate(-900deg); transform: matrix(0, -200.84, 0.24, 6, 43px, 6px); -webkit-filter: hue-rotate(1600deg); } 20% { transform: rotate(900deg) skew(40deg); transform-style: preserve-3d; transform: translatex(-100px) translatey(250px) rotateY(-300deg); } 25% { transform: rotate(-86deg) skew(40deg) scale(1.5); } 50% { transform: rotate(40deg); } 55% { transform: rotate(86deg); transform-style: preserve-3d; } 75% { transform: rotate(36deg) skew(40deg) matrix(1.06, 155.84, 0.54, 6, 43px, 172px); transform-style: preserve-3d; } 100% { transform: rotate(-900deg); transform-style: preserve-3d; }
}

Home Page	Home
Developer	Jordan
Username	Jordan
Uploaded	December 03, 2022
Rating	3
Size	8,930 Kb
Views	14,168

Do you need developer help for Div Screen Saver?

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!

Jordan (Jordan) Script Codes

Name	Size
A Pen by Jordan	2,284 Kb
Hover thing	2,514 Kb
Wut	7,627 Kb
Warp V2	9,549 Kb
Liquid	6,785 Kb
V.35 The Monolith Update - Hero Release Notes	12,045 Kb
LOADING	2,095 Kb
Warp	10,400 Kb
Visual Experiment	2,137 Kb
CSS Isometric	2,314 Kb

Create amazing SEO content 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
The Fly	GianlucaGuarini	3,405 Kb
A Pen by Theun	Tjoen	6,152 Kb
Apex Calculator	Michaelwnelson	2,370 Kb
Tail rose iris lined	Kbrtrm	1,846 Kb
CSSOff 2013 Submission	Codewunder	14,766 Kb
Sencha Touch 2.3.1 Basic Grid Example	Trozdol	2,770 Kb
Cofee and sugar	Tripack	2,094 Kb
Personal Website Redesign v2.0	DevItWithDavid	5,168 Kb
Get third wednesday	Wojtek1150	2,691 Kb
CSS Variables	Jdsteinbach	4,759 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!