Warp V2

Developer

Size

9,549 Kb

Views

12,144

Warp V2 Previews
Warp V2 HTML Codes
Warp V2 CSS Codes

How do I make an warp v2?

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

Warp V2 Previews

Warp V2 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Warp V2</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(220%);
}
div:nth-child(4) { width: 44.44444px; height: 40px; border: 1.12px #f8fccb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -40px; margin-left: -80px; z-index: 1; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.01714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #255d6e; box-shadow: 1px 1px -90px #ff6948, 1px 1px -20px #ff7d45 1px 1px 10px #005059; opacity: 0.5;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(5) { width: 55.55556px; height: 50px; border: 1.4px #f8fccb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -50px; margin-left: -100px; z-index: 0; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.02679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #245b6c; box-shadow: 1px 1px -90px #ff6644, 1px 1px -20px #ff7940 1px 1px 10px #004952; opacity: 0.4;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(6) { width: 66.66667px; height: 60px; border: 1.68px #f8fcca; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -60px; margin-left: -120px; z-index: -1; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.03857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #23596a; box-shadow: 1px 1px -90px #ff6240, 1px 1px -20px #ff763a 1px 1px 10px #00424a; opacity: 0.33333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(7) { width: 77.77778px; height: 70px; border: 1.96px #f8fcca; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -70px; margin-left: -140px; z-index: -2; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.0525s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #225767; box-shadow: 1px 1px -90px #ff5f3b, 1px 1px -20px #ff7235 1px 1px 10px #003b42; opacity: 0.28571;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(8) { width: 88.88889px; height: 80px; border: 2.24px #f7fcc9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -80px; margin-left: -160px; z-index: -3; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.06857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #225565; box-shadow: 1px 1px -90px #ff5b37, 1px 1px -20px #ff6e30 1px 1px 10px #00343b; opacity: 0.25;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(9) { width: 100px; height: 90px; border: 2.52px #f7fcc9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -90px; margin-left: -180px; z-index: -4; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.08679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #215362; box-shadow: 1px 1px -90px #ff5833, 1px 1px -20px #ff6b2b 1px 1px 10px #002e33; opacity: 0.22222;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(10) { width: 111.11111px; height: 100px; border: 2.8px #f7fcc8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -100px; margin-left: -200px; z-index: -5; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.10714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #205160; box-shadow: 1px 1px -90px #ff542f, 1px 1px -20px #ff6726 1px 1px 10px #00272c; opacity: 0.2;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(11) { width: 122.22222px; height: 110px; border: 3.08px #f7fcc8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -110px; margin-left: -220px; z-index: -6; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.12964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1f4f5e; box-shadow: 1px 1px -90px #ff512a, 1px 1px -20px #ff6421 1px 1px 10px #002024; opacity: 0.18182;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(12) { width: 133.33333px; height: 120px; border: 3.36px #f7fcc7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -120px; margin-left: -240px; z-index: -7; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.15429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1e4d5b; box-shadow: 1px 1px -90px #ff4d26, 1px 1px -20px #ff601c 1px 1px 10px #00191c; opacity: 0.16667;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(13) { width: 144.44444px; height: 130px; border: 3.64px #f7fcc7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -130px; margin-left: -260px; z-index: -8; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.18107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1e4b59; box-shadow: 1px 1px -90px #ff4a22, 1px 1px -20px #ff5d17 1px 1px 10px #001215; opacity: 0.15385;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(14) { width: 155.55556px; height: 140px; border: 3.92px #f7fcc6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -140px; margin-left: -280px; z-index: -9; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.21s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1d4957; box-shadow: 1px 1px -90px #ff461e, 1px 1px -20px #ff5912 1px 1px 10px #000c0d; opacity: 0.14286;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(15) { width: 166.66667px; height: 150px; border: 4.2px #f7fcc6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -150px; margin-left: -300px; z-index: -10; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.24107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1c4754; box-shadow: 1px 1px -90px #ff4319, 1px 1px -20px #ff560d 1px 1px 10px #000505; opacity: 0.13333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(16) { width: 177.77778px; height: 160px; border: 4.48px #f7fcc5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -160px; margin-left: -320px; z-index: -11; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.27429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1b4552; box-shadow: 1px 1px -90px #ff3f15, 1px 1px -20px #ff5207 1px 1px 10px black; opacity: 0.125;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(17) { width: 188.88889px; height: 170px; border: 4.76px #f7fcc5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -170px; margin-left: -340px; z-index: -12; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.30964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1a434f; box-shadow: 1px 1px -90px #ff3c11, 1px 1px -20px #ff4e02 1px 1px 10px black; opacity: 0.11765;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(18) { width: 200px; height: 180px; border: 5.04px #f7fbc4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -180px; margin-left: -360px; z-index: -13; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.34714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1a414d; box-shadow: 1px 1px -90px #ff380d, 1px 1px -20px #fc4c00 1px 1px 10px black; opacity: 0.11111;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(19) { width: 211.11111px; height: 190px; border: 5.32px #f7fbc4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -190px; margin-left: -380px; z-index: -14; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.38679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #193f4b; box-shadow: 1px 1px -90px #ff3508, 1px 1px -20px #f74a00 1px 1px 10px black; opacity: 0.10526;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(20) { width: 222.22222px; height: 200px; border: 5.6px #f7fbc3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -200px; margin-left: -400px; z-index: -15; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.42857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #183d48; box-shadow: 1px 1px -90px #ff3104, 1px 1px -20px #f24900 1px 1px 10px black; opacity: 0.1;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(21) { width: 233.33333px; height: 210px; border: 5.88px #f7fbc3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -210px; margin-left: -420px; z-index: -16; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.4725s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #173b46; box-shadow: 1px 1px -90px #ff2e00, 1px 1px -20px #ed4700 1px 1px 10px black; opacity: 0.09524;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(22) { width: 244.44444px; height: 220px; border: 6.16px #f7fbc2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -220px; margin-left: -440px; z-index: -17; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.51857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #163943; box-shadow: 1px 1px -90px #fb2d00, 1px 1px -20px #e84600 1px 1px 10px black; opacity: 0.09091;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(23) { width: 255.55556px; height: 230px; border: 6.44px #f6fbc2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -230px; margin-left: -460px; z-index: -18; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.56679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #163741; box-shadow: 1px 1px -90px #f62d00, 1px 1px -20px #e34400 1px 1px 10px black; opacity: 0.08696;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(24) { width: 266.66667px; height: 240px; border: 6.72px #f6fbc1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -240px; margin-left: -480px; z-index: -19; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.61714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #15353f; box-shadow: 1px 1px -90px #f22c00, 1px 1px -20px #de4300 1px 1px 10px black; opacity: 0.08333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(25) { width: 277.77778px; height: 250px; border: 7px #f6fbc1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -250px; margin-left: -500px; z-index: -20; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.66964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #14333c; box-shadow: 1px 1px -90px #ee2b00, 1px 1px -20px #d94100 1px 1px 10px black; opacity: 0.08;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(26) { width: 288.88889px; height: 260px; border: 7.28px #f6fbc0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -260px; margin-left: -520px; z-index: -21; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.72429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #13313a; box-shadow: 1px 1px -90px #ea2a00, 1px 1px -20px #d34000 1px 1px 10px black; opacity: 0.07692;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(27) { width: 300px; height: 270px; border: 7.56px #f6fbc0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -270px; margin-left: -540px; z-index: -22; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.78107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #122f37; box-shadow: 1px 1px -90px #e52900, 1px 1px -20px #ce3e00 1px 1px 10px black; opacity: 0.07407;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(28) { width: 311.11111px; height: 280px; border: 7.84px #f6fbc0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -280px; margin-left: -560px; z-index: -23; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.84s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #122d35; box-shadow: 1px 1px -90px #e12900, 1px 1px -20px #c93d00 1px 1px 10px black; opacity: 0.07143;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(29) { width: 322.22222px; height: 290px; border: 8.12px #f6fbbf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -290px; margin-left: -580px; z-index: -24; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.90107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #112b33; box-shadow: 1px 1px -90px #dd2800, 1px 1px -20px #c43b00 1px 1px 10px black; opacity: 0.06897;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(30) { width: 333.33333px; height: 300px; border: 8.4px #f6fbbf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -300px; margin-left: -600px; z-index: -25; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.96429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #102930; box-shadow: 1px 1px -90px #d92700, 1px 1px -20px #bf3a00 1px 1px 10px black; opacity: 0.06667;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(31) { width: 344.44444px; height: 310px; border: 8.68px #f6fbbe; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -310px; margin-left: -620px; z-index: -26; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.02964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0f272e; box-shadow: 1px 1px -90px #d42600, 1px 1px -20px #ba3800 1px 1px 10px black; opacity: 0.06452;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(32) { width: 355.55556px; height: 320px; border: 8.96px #f6fbbe; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -320px; margin-left: -640px; z-index: -27; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.09714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0f252c; box-shadow: 1px 1px -90px #d02600, 1px 1px -20px #b53600 1px 1px 10px black; opacity: 0.0625;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(33) { width: 366.66667px; height: 330px; border: 9.24px #f6fbbd; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -330px; margin-left: -660px; z-index: -28; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.16679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0e2329; box-shadow: 1px 1px -90px #cc2500, 1px 1px -20px #b03500 1px 1px 10px black; opacity: 0.06061;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(34) { width: 377.77778px; height: 340px; border: 9.52px #f6fbbd; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -340px; margin-left: -680px; z-index: -29; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.23857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0d2127; box-shadow: 1px 1px -90px #c82400, 1px 1px -20px #ab3300 1px 1px 10px black; opacity: 0.05882;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(35) { width: 388.88889px; height: 350px; border: 9.8px #f6fbbc; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -350px; margin-left: -700px; z-index: -30; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.3125s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0c1f24; box-shadow: 1px 1px -90px #c32300, 1px 1px -20px #a63200 1px 1px 10px black; opacity: 0.05714;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(36) { width: 400px; height: 360px; border: 10.08px #f6fbbc; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -360px; margin-left: -720px; z-index: -31; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.38857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0b1d22; box-shadow: 1px 1px -90px #bf2300, 1px 1px -20px #a03000 1px 1px 10px black; opacity: 0.05556;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(37) { width: 411.11111px; height: 370px; border: 10.36px #f6fbbb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -370px; margin-left: -740px; z-index: -32; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.46679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0b1b20; box-shadow: 1px 1px -90px #bb2200, 1px 1px -20px #9b2f00 1px 1px 10px black; opacity: 0.05405;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(38) { width: 422.22222px; height: 380px; border: 10.64px #f5fbbb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -380px; margin-left: -760px; z-index: -33; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.54714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0a191d; box-shadow: 1px 1px -90px #b72100, 1px 1px -20px #962d00 1px 1px 10px black; opacity: 0.05263;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(39) { width: 433.33333px; height: 390px; border: 10.92px #f5fbba; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -390px; margin-left: -780px; z-index: -34; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.62964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #09171b; box-shadow: 1px 1px -90px #b22000, 1px 1px -20px #912c00 1px 1px 10px black; opacity: 0.05128;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(40) { width: 444.44444px; height: 400px; border: 11.2px #f5fbba; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -400px; margin-left: -800px; z-index: -35; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.71429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #081518; box-shadow: 1px 1px -90px #ae1f00, 1px 1px -20px #8c2a00 1px 1px 10px black; opacity: 0.05;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(41) { width: 455.55556px; height: 410px; border: 11.48px #f5fbb9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -410px; margin-left: -820px; z-index: -36; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.80107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #071316; box-shadow: 1px 1px -90px #aa1f00, 1px 1px -20px #872900 1px 1px 10px black; opacity: 0.04878;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(42) { width: 466.66667px; height: 420px; border: 11.76px #f5fbb9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -420px; margin-left: -840px; z-index: -37; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.89s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #071014; box-shadow: 1px 1px -90px #a61e00, 1px 1px -20px #822700 1px 1px 10px black; opacity: 0.04762;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(43) { width: 477.77778px; height: 430px; border: 12.04px #f5fbb8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -430px; margin-left: -860px; z-index: -38; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.98107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #060e11; box-shadow: 1px 1px -90px #a11d00, 1px 1px -20px #7d2600 1px 1px 10px black; opacity: 0.04651;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(44) { width: 488.88889px; height: 440px; border: 12.32px #f5fbb8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -440px; margin-left: -880px; z-index: -39; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.07429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #050c0f; box-shadow: 1px 1px -90px #9d1c00, 1px 1px -20px #782400 1px 1px 10px black; opacity: 0.04545;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(45) { width: 500px; height: 450px; border: 12.6px #f5fbb7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -450px; margin-left: -900px; z-index: -40; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.16964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #040a0c; box-shadow: 1px 1px -90px #991c00, 1px 1px -20px #732200 1px 1px 10px black; opacity: 0.04444;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(46) { width: 511.11111px; height: 460px; border: 12.88px #f5fbb7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -460px; margin-left: -920px; z-index: -41; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.26714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #03080a; box-shadow: 1px 1px -90px #951b00, 1px 1px -20px #6d2100 1px 1px 10px black; opacity: 0.04348;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(47) { width: 522.22222px; height: 470px; border: 13.16px #f5fbb6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -470px; margin-left: -940px; z-index: -42; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.36679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #030608; box-shadow: 1px 1px -90px #901a00, 1px 1px -20px #681f00 1px 1px 10px black; opacity: 0.04255;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(48) { width: 533.33333px; height: 480px; border: 13.44px #f5fbb6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -480px; margin-left: -960px; z-index: -43; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.46857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #020405; box-shadow: 1px 1px -90px #8c1900, 1px 1px -20px #631e00 1px 1px 10px black; opacity: 0.04167;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(49) { width: 544.44444px; height: 490px; border: 13.72px #f5fbb5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -490px; margin-left: -980px; z-index: -44; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.5725s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #010203; box-shadow: 1px 1px -90px #881900, 1px 1px -20px #5e1c00 1px 1px 10px black; opacity: 0.04082;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(50) { width: 555.55556px; height: 500px; border: 14px #f5fbb5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -500px; margin-left: -1000px; z-index: -45; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.67857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #841800, 1px 1px -20px #591b00 1px 1px 10px black; opacity: 0.04;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(51) { width: 566.66667px; height: 510px; border: 14.28px #f5fbb4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -510px; margin-left: -1020px; z-index: -46; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.78679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #7f1700, 1px 1px -20px #541900 1px 1px 10px black; opacity: 0.03922;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(52) { width: 577.77778px; height: 520px; border: 14.56px #f4fab4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -520px; margin-left: -1040px; z-index: -47; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.89714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #7b1600, 1px 1px -20px #4f1800 1px 1px 10px black; opacity: 0.03846;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(53) { width: 588.88889px; height: 530px; border: 14.84px #f4fab4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -530px; margin-left: -1060px; z-index: -48; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.00964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #771500, 1px 1px -20px #4a1600 1px 1px 10px black; opacity: 0.03774;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(54) { width: 600px; height: 540px; border: 15.12px #f4fab3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -540px; margin-left: -1080px; z-index: -49; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.12429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #731500, 1px 1px -20px #451500 1px 1px 10px black; opacity: 0.03704;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(55) { width: 611.11111px; height: 550px; border: 15.4px #f4fab3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -550px; margin-left: -1100px; z-index: -50; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.24107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #6e1400, 1px 1px -20px #401300 1px 1px 10px black; opacity: 0.03636;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(56) { width: 622.22222px; height: 560px; border: 15.68px #f4fab2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -560px; margin-left: -1120px; z-index: -51; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.36s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #6a1300, 1px 1px -20px #3a1200 1px 1px 10px black; opacity: 0.03571;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(57) { width: 633.33333px; height: 570px; border: 15.96px #f4fab2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -570px; margin-left: -1140px; z-index: -52; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.48107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #661200, 1px 1px -20px #351000 1px 1px 10px black; opacity: 0.03509;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(58) { width: 644.44444px; height: 580px; border: 16.24px #f4fab1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -580px; margin-left: -1160px; z-index: -53; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.60429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #621200, 1px 1px -20px #300f00 1px 1px 10px black; opacity: 0.03448;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(59) { width: 655.55556px; height: 590px; border: 16.52px #f4fab1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -590px; margin-left: -1180px; z-index: -54; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.72964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #5d1100, 1px 1px -20px #2b0d00 1px 1px 10px black; opacity: 0.0339;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(60) { width: 666.66667px; height: 600px; border: 16.8px #f4fab0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -600px; margin-left: -1200px; z-index: -55; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.85714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #591000, 1px 1px -20px #260b00 1px 1px 10px black; opacity: 0.03333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(61) { width: 677.77778px; height: 610px; border: 17.08px #f4fab0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -610px; margin-left: -1220px; z-index: -56; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.98679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #550f00, 1px 1px -20px #210a00 1px 1px 10px black; opacity: 0.03279;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(62) { width: 688.88889px; height: 620px; border: 17.36px #f4faaf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -620px; margin-left: -1240px; z-index: -57; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.11857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #510f00, 1px 1px -20px #1c0800 1px 1px 10px black; opacity: 0.03226;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(63) { width: 700px; height: 630px; border: 17.64px #f4faaf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -630px; margin-left: -1260px; z-index: -58; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.2525s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #4c0e00, 1px 1px -20px #170700 1px 1px 10px black; opacity: 0.03175;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(64) { width: 711.11111px; height: 640px; border: 17.92px #f4faae; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -640px; margin-left: -1280px; z-index: -59; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.38857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #480d00, 1px 1px -20px #120500 1px 1px 10px black; opacity: 0.03125;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(65) { width: 722.22222px; height: 650px; border: 18.2px #f4faae; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -650px; margin-left: -1300px; z-index: -60; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.52679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #440c00, 1px 1px -20px #0d0400 1px 1px 10px black; opacity: 0.03077;
}
@keyframes pounce { 0% { transform: matrix(0, 100.84, 0.54, 6, 43px, 6px); -webkit-filter: hue-rotate(1600deg); } 20% { transform: rotateX(86deg) 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>

Warp V2 - Script Codes CSS Codes

body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(4) { width: 44.44444px; height: 40px; border: 1.12px #f8fccb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -40px; margin-left: -80px; z-index: 1; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.01714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #255d6e; box-shadow: 1px 1px -90px #ff6948, 1px 1px -20px #ff7d45 1px 1px 10px #005059; opacity: 0.5;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(5) { width: 55.55556px; height: 50px; border: 1.4px #f8fccb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -50px; margin-left: -100px; z-index: 0; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.02679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #245b6c; box-shadow: 1px 1px -90px #ff6644, 1px 1px -20px #ff7940 1px 1px 10px #004952; opacity: 0.4;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(6) { width: 66.66667px; height: 60px; border: 1.68px #f8fcca; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -60px; margin-left: -120px; z-index: -1; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.03857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #23596a; box-shadow: 1px 1px -90px #ff6240, 1px 1px -20px #ff763a 1px 1px 10px #00424a; opacity: 0.33333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(7) { width: 77.77778px; height: 70px; border: 1.96px #f8fcca; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -70px; margin-left: -140px; z-index: -2; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.0525s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #225767; box-shadow: 1px 1px -90px #ff5f3b, 1px 1px -20px #ff7235 1px 1px 10px #003b42; opacity: 0.28571;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(8) { width: 88.88889px; height: 80px; border: 2.24px #f7fcc9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -80px; margin-left: -160px; z-index: -3; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.06857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #225565; box-shadow: 1px 1px -90px #ff5b37, 1px 1px -20px #ff6e30 1px 1px 10px #00343b; opacity: 0.25;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(9) { width: 100px; height: 90px; border: 2.52px #f7fcc9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -90px; margin-left: -180px; z-index: -4; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.08679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #215362; box-shadow: 1px 1px -90px #ff5833, 1px 1px -20px #ff6b2b 1px 1px 10px #002e33; opacity: 0.22222;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(10) { width: 111.11111px; height: 100px; border: 2.8px #f7fcc8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -100px; margin-left: -200px; z-index: -5; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.10714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #205160; box-shadow: 1px 1px -90px #ff542f, 1px 1px -20px #ff6726 1px 1px 10px #00272c; opacity: 0.2;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(11) { width: 122.22222px; height: 110px; border: 3.08px #f7fcc8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -110px; margin-left: -220px; z-index: -6; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.12964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1f4f5e; box-shadow: 1px 1px -90px #ff512a, 1px 1px -20px #ff6421 1px 1px 10px #002024; opacity: 0.18182;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(12) { width: 133.33333px; height: 120px; border: 3.36px #f7fcc7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -120px; margin-left: -240px; z-index: -7; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.15429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1e4d5b; box-shadow: 1px 1px -90px #ff4d26, 1px 1px -20px #ff601c 1px 1px 10px #00191c; opacity: 0.16667;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(13) { width: 144.44444px; height: 130px; border: 3.64px #f7fcc7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -130px; margin-left: -260px; z-index: -8; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.18107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1e4b59; box-shadow: 1px 1px -90px #ff4a22, 1px 1px -20px #ff5d17 1px 1px 10px #001215; opacity: 0.15385;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(14) { width: 155.55556px; height: 140px; border: 3.92px #f7fcc6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -140px; margin-left: -280px; z-index: -9; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.21s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1d4957; box-shadow: 1px 1px -90px #ff461e, 1px 1px -20px #ff5912 1px 1px 10px #000c0d; opacity: 0.14286;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(15) { width: 166.66667px; height: 150px; border: 4.2px #f7fcc6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -150px; margin-left: -300px; z-index: -10; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.24107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1c4754; box-shadow: 1px 1px -90px #ff4319, 1px 1px -20px #ff560d 1px 1px 10px #000505; opacity: 0.13333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(16) { width: 177.77778px; height: 160px; border: 4.48px #f7fcc5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -160px; margin-left: -320px; z-index: -11; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.27429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1b4552; box-shadow: 1px 1px -90px #ff3f15, 1px 1px -20px #ff5207 1px 1px 10px black; opacity: 0.125;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(17) { width: 188.88889px; height: 170px; border: 4.76px #f7fcc5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -170px; margin-left: -340px; z-index: -12; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.30964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1a434f; box-shadow: 1px 1px -90px #ff3c11, 1px 1px -20px #ff4e02 1px 1px 10px black; opacity: 0.11765;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(18) { width: 200px; height: 180px; border: 5.04px #f7fbc4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -180px; margin-left: -360px; z-index: -13; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.34714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #1a414d; box-shadow: 1px 1px -90px #ff380d, 1px 1px -20px #fc4c00 1px 1px 10px black; opacity: 0.11111;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(19) { width: 211.11111px; height: 190px; border: 5.32px #f7fbc4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -190px; margin-left: -380px; z-index: -14; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.38679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #193f4b; box-shadow: 1px 1px -90px #ff3508, 1px 1px -20px #f74a00 1px 1px 10px black; opacity: 0.10526;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(20) { width: 222.22222px; height: 200px; border: 5.6px #f7fbc3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -200px; margin-left: -400px; z-index: -15; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.42857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #183d48; box-shadow: 1px 1px -90px #ff3104, 1px 1px -20px #f24900 1px 1px 10px black; opacity: 0.1;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(21) { width: 233.33333px; height: 210px; border: 5.88px #f7fbc3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -210px; margin-left: -420px; z-index: -16; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.4725s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #173b46; box-shadow: 1px 1px -90px #ff2e00, 1px 1px -20px #ed4700 1px 1px 10px black; opacity: 0.09524;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(22) { width: 244.44444px; height: 220px; border: 6.16px #f7fbc2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -220px; margin-left: -440px; z-index: -17; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.51857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #163943; box-shadow: 1px 1px -90px #fb2d00, 1px 1px -20px #e84600 1px 1px 10px black; opacity: 0.09091;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(23) { width: 255.55556px; height: 230px; border: 6.44px #f6fbc2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -230px; margin-left: -460px; z-index: -18; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.56679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #163741; box-shadow: 1px 1px -90px #f62d00, 1px 1px -20px #e34400 1px 1px 10px black; opacity: 0.08696;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(24) { width: 266.66667px; height: 240px; border: 6.72px #f6fbc1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -240px; margin-left: -480px; z-index: -19; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.61714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #15353f; box-shadow: 1px 1px -90px #f22c00, 1px 1px -20px #de4300 1px 1px 10px black; opacity: 0.08333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(25) { width: 277.77778px; height: 250px; border: 7px #f6fbc1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -250px; margin-left: -500px; z-index: -20; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.66964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #14333c; box-shadow: 1px 1px -90px #ee2b00, 1px 1px -20px #d94100 1px 1px 10px black; opacity: 0.08;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(26) { width: 288.88889px; height: 260px; border: 7.28px #f6fbc0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -260px; margin-left: -520px; z-index: -21; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.72429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #13313a; box-shadow: 1px 1px -90px #ea2a00, 1px 1px -20px #d34000 1px 1px 10px black; opacity: 0.07692;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(27) { width: 300px; height: 270px; border: 7.56px #f6fbc0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -270px; margin-left: -540px; z-index: -22; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.78107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #122f37; box-shadow: 1px 1px -90px #e52900, 1px 1px -20px #ce3e00 1px 1px 10px black; opacity: 0.07407;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(28) { width: 311.11111px; height: 280px; border: 7.84px #f6fbc0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -280px; margin-left: -560px; z-index: -23; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.84s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #122d35; box-shadow: 1px 1px -90px #e12900, 1px 1px -20px #c93d00 1px 1px 10px black; opacity: 0.07143;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(29) { width: 322.22222px; height: 290px; border: 8.12px #f6fbbf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -290px; margin-left: -580px; z-index: -24; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.90107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #112b33; box-shadow: 1px 1px -90px #dd2800, 1px 1px -20px #c43b00 1px 1px 10px black; opacity: 0.06897;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(30) { width: 333.33333px; height: 300px; border: 8.4px #f6fbbf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -300px; margin-left: -600px; z-index: -25; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -0.96429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #102930; box-shadow: 1px 1px -90px #d92700, 1px 1px -20px #bf3a00 1px 1px 10px black; opacity: 0.06667;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(31) { width: 344.44444px; height: 310px; border: 8.68px #f6fbbe; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -310px; margin-left: -620px; z-index: -26; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.02964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0f272e; box-shadow: 1px 1px -90px #d42600, 1px 1px -20px #ba3800 1px 1px 10px black; opacity: 0.06452;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(32) { width: 355.55556px; height: 320px; border: 8.96px #f6fbbe; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -320px; margin-left: -640px; z-index: -27; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.09714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0f252c; box-shadow: 1px 1px -90px #d02600, 1px 1px -20px #b53600 1px 1px 10px black; opacity: 0.0625;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(33) { width: 366.66667px; height: 330px; border: 9.24px #f6fbbd; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -330px; margin-left: -660px; z-index: -28; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.16679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0e2329; box-shadow: 1px 1px -90px #cc2500, 1px 1px -20px #b03500 1px 1px 10px black; opacity: 0.06061;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(34) { width: 377.77778px; height: 340px; border: 9.52px #f6fbbd; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -340px; margin-left: -680px; z-index: -29; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.23857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0d2127; box-shadow: 1px 1px -90px #c82400, 1px 1px -20px #ab3300 1px 1px 10px black; opacity: 0.05882;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(35) { width: 388.88889px; height: 350px; border: 9.8px #f6fbbc; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -350px; margin-left: -700px; z-index: -30; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.3125s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0c1f24; box-shadow: 1px 1px -90px #c32300, 1px 1px -20px #a63200 1px 1px 10px black; opacity: 0.05714;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(36) { width: 400px; height: 360px; border: 10.08px #f6fbbc; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -360px; margin-left: -720px; z-index: -31; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.38857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0b1d22; box-shadow: 1px 1px -90px #bf2300, 1px 1px -20px #a03000 1px 1px 10px black; opacity: 0.05556;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(37) { width: 411.11111px; height: 370px; border: 10.36px #f6fbbb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -370px; margin-left: -740px; z-index: -32; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.46679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0b1b20; box-shadow: 1px 1px -90px #bb2200, 1px 1px -20px #9b2f00 1px 1px 10px black; opacity: 0.05405;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(38) { width: 422.22222px; height: 380px; border: 10.64px #f5fbbb; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -380px; margin-left: -760px; z-index: -33; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.54714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #0a191d; box-shadow: 1px 1px -90px #b72100, 1px 1px -20px #962d00 1px 1px 10px black; opacity: 0.05263;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(39) { width: 433.33333px; height: 390px; border: 10.92px #f5fbba; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -390px; margin-left: -780px; z-index: -34; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.62964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #09171b; box-shadow: 1px 1px -90px #b22000, 1px 1px -20px #912c00 1px 1px 10px black; opacity: 0.05128;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(40) { width: 444.44444px; height: 400px; border: 11.2px #f5fbba; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -400px; margin-left: -800px; z-index: -35; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.71429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #081518; box-shadow: 1px 1px -90px #ae1f00, 1px 1px -20px #8c2a00 1px 1px 10px black; opacity: 0.05;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(41) { width: 455.55556px; height: 410px; border: 11.48px #f5fbb9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -410px; margin-left: -820px; z-index: -36; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.80107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #071316; box-shadow: 1px 1px -90px #aa1f00, 1px 1px -20px #872900 1px 1px 10px black; opacity: 0.04878;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(42) { width: 466.66667px; height: 420px; border: 11.76px #f5fbb9; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -420px; margin-left: -840px; z-index: -37; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.89s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #071014; box-shadow: 1px 1px -90px #a61e00, 1px 1px -20px #822700 1px 1px 10px black; opacity: 0.04762;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(43) { width: 477.77778px; height: 430px; border: 12.04px #f5fbb8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -430px; margin-left: -860px; z-index: -38; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -1.98107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #060e11; box-shadow: 1px 1px -90px #a11d00, 1px 1px -20px #7d2600 1px 1px 10px black; opacity: 0.04651;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(44) { width: 488.88889px; height: 440px; border: 12.32px #f5fbb8; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -440px; margin-left: -880px; z-index: -39; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.07429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #050c0f; box-shadow: 1px 1px -90px #9d1c00, 1px 1px -20px #782400 1px 1px 10px black; opacity: 0.04545;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(45) { width: 500px; height: 450px; border: 12.6px #f5fbb7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -450px; margin-left: -900px; z-index: -40; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.16964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #040a0c; box-shadow: 1px 1px -90px #991c00, 1px 1px -20px #732200 1px 1px 10px black; opacity: 0.04444;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(46) { width: 511.11111px; height: 460px; border: 12.88px #f5fbb7; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -460px; margin-left: -920px; z-index: -41; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.26714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #03080a; box-shadow: 1px 1px -90px #951b00, 1px 1px -20px #6d2100 1px 1px 10px black; opacity: 0.04348;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(47) { width: 522.22222px; height: 470px; border: 13.16px #f5fbb6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -470px; margin-left: -940px; z-index: -42; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.36679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #030608; box-shadow: 1px 1px -90px #901a00, 1px 1px -20px #681f00 1px 1px 10px black; opacity: 0.04255;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(48) { width: 533.33333px; height: 480px; border: 13.44px #f5fbb6; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -480px; margin-left: -960px; z-index: -43; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.46857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #020405; box-shadow: 1px 1px -90px #8c1900, 1px 1px -20px #631e00 1px 1px 10px black; opacity: 0.04167;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(49) { width: 544.44444px; height: 490px; border: 13.72px #f5fbb5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -490px; margin-left: -980px; z-index: -44; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.5725s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: #010203; box-shadow: 1px 1px -90px #881900, 1px 1px -20px #5e1c00 1px 1px 10px black; opacity: 0.04082;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(50) { width: 555.55556px; height: 500px; border: 14px #f5fbb5; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -500px; margin-left: -1000px; z-index: -45; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.67857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #841800, 1px 1px -20px #591b00 1px 1px 10px black; opacity: 0.04;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(51) { width: 566.66667px; height: 510px; border: 14.28px #f5fbb4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -510px; margin-left: -1020px; z-index: -46; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.78679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #7f1700, 1px 1px -20px #541900 1px 1px 10px black; opacity: 0.03922;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(52) { width: 577.77778px; height: 520px; border: 14.56px #f4fab4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -520px; margin-left: -1040px; z-index: -47; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -2.89714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #7b1600, 1px 1px -20px #4f1800 1px 1px 10px black; opacity: 0.03846;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(53) { width: 588.88889px; height: 530px; border: 14.84px #f4fab4; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -530px; margin-left: -1060px; z-index: -48; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.00964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #771500, 1px 1px -20px #4a1600 1px 1px 10px black; opacity: 0.03774;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(54) { width: 600px; height: 540px; border: 15.12px #f4fab3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -540px; margin-left: -1080px; z-index: -49; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.12429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #731500, 1px 1px -20px #451500 1px 1px 10px black; opacity: 0.03704;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(55) { width: 611.11111px; height: 550px; border: 15.4px #f4fab3; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -550px; margin-left: -1100px; z-index: -50; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.24107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #6e1400, 1px 1px -20px #401300 1px 1px 10px black; opacity: 0.03636;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(56) { width: 622.22222px; height: 560px; border: 15.68px #f4fab2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -560px; margin-left: -1120px; z-index: -51; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.36s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #6a1300, 1px 1px -20px #3a1200 1px 1px 10px black; opacity: 0.03571;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(57) { width: 633.33333px; height: 570px; border: 15.96px #f4fab2; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -570px; margin-left: -1140px; z-index: -52; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.48107s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #661200, 1px 1px -20px #351000 1px 1px 10px black; opacity: 0.03509;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(58) { width: 644.44444px; height: 580px; border: 16.24px #f4fab1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -580px; margin-left: -1160px; z-index: -53; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.60429s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #621200, 1px 1px -20px #300f00 1px 1px 10px black; opacity: 0.03448;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(59) { width: 655.55556px; height: 590px; border: 16.52px #f4fab1; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -590px; margin-left: -1180px; z-index: -54; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.72964s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #5d1100, 1px 1px -20px #2b0d00 1px 1px 10px black; opacity: 0.0339;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(60) { width: 666.66667px; height: 600px; border: 16.8px #f4fab0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -600px; margin-left: -1200px; z-index: -55; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.85714s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #591000, 1px 1px -20px #260b00 1px 1px 10px black; opacity: 0.03333;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(61) { width: 677.77778px; height: 610px; border: 17.08px #f4fab0; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -610px; margin-left: -1220px; z-index: -56; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -3.98679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #550f00, 1px 1px -20px #210a00 1px 1px 10px black; opacity: 0.03279;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(62) { width: 688.88889px; height: 620px; border: 17.36px #f4faaf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -620px; margin-left: -1240px; z-index: -57; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.11857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #510f00, 1px 1px -20px #1c0800 1px 1px 10px black; opacity: 0.03226;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(63) { width: 700px; height: 630px; border: 17.64px #f4faaf; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -630px; margin-left: -1260px; z-index: -58; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.2525s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #4c0e00, 1px 1px -20px #170700 1px 1px 10px black; opacity: 0.03175;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(64) { width: 711.11111px; height: 640px; border: 17.92px #f4faae; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -640px; margin-left: -1280px; z-index: -59; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.38857s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #480d00, 1px 1px -20px #120500 1px 1px 10px black; opacity: 0.03125;
}
body { background-color: #060B12; overflow: hidden; -webkit-filter: saturate(220%);
}
div:nth-child(65) { width: 722.22222px; height: 650px; border: 18.2px #f4faae; border-style: groove outset groove outset; position: absolute; top: 50%; left: 69%; margin-top: -650px; margin-left: -1300px; z-index: -60; transform: rotate(260deg) translate3d(0, 0, 0); animation: 24s pounce -4.52679s cubic-bezier(0.56, 0, 0.08, 0.5) infinite alternate; background: black; box-shadow: 1px 1px -90px #440c00, 1px 1px -20px #0d0400 1px 1px 10px black; opacity: 0.03077;
}
@keyframes pounce { 0% { transform: matrix(0, 100.84, 0.54, 6, 43px, 6px); -webkit-filter: hue-rotate(1600deg); } 20% { transform: rotateX(86deg) 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.5
Size	9,549 Kb
Views	12,144

Do you need developer help for Warp V2?

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
Liquid	6,785 Kb
Fallout Shelter	4,320 Kb
Hover thing	2,514 Kb
Wut	7,627 Kb
CSS Isometric	2,314 Kb
Div Screen Saver	8,930 Kb
Visual Experiment	2,137 Kb
Warp	10,400 Kb
Webkit Filter Neon Buttons	2,651 Kb
V.35 The Monolith Update - Hero Release Notes	12,045 Kb

Create amazing Facebook ads 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
Slide out Menu	Rbiggs	4,936 Kb
Custom Select Element	Agrayson	3,616 Kb
Animation	B3ST1156	1,584 Kb
A Pen by Adrien Clerbois	AClerbois	6,501 Kb
Ball Physics	Getsetbro	3,149 Kb
Pure CSS Tooltip	APinix	2,815 Kb
Slick Slider	Wearebold	5,913 Kb
My Starter Kit For Codepen	Dkdesign	2,012 Kb
Draggable directive	YahyaKacem	2,277 Kb
Isometric css island	Xaddict	2,950 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!