Warp

Developer

Jordan

Size

10,400 Kb

Views

18,216

Warp Previews
Warp HTML Codes
Warp CSS Codes

How do I make an warp?

What is a warp? How do you make a warp? This script and codes were developed by Jordan on 03 December 2022, Saturday.

Warp Previews

Warp - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Warp</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;
}
div:nth-child(3) { width: 33.33333px; height: 30px; border: 4.905px #f8fcca; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -30px; margin-left: -60px; z-index: 2; transform: rotate(260deg); animation: 10s pounce -0.00579s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #265f71; box-shadow: 1px 1px -90px #ff6d4c, 1px 1px -20px #ff804a 1px 1px 10px #005761; opacity: 0.48333; border-radius: 107.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(4) { width: 44.44444px; height: 40px; border: 6.54px #f7fcc9; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -40px; margin-left: -80px; z-index: 1; transform: rotate(260deg); animation: 10s pounce -0.01029s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #255d6e; box-shadow: 1px 1px -90px #ff6948, 1px 1px -20px #ff7d45 1px 1px 10px #005059; opacity: 0.3625; border-radius: 142.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(5) { width: 55.55556px; height: 50px; border: 8.175px #f7fcc8; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -50px; margin-left: -100px; z-index: 0; transform: rotate(260deg); animation: 10s pounce -0.01607s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #245b6c; box-shadow: 1px 1px -90px #ff6644, 1px 1px -20px #ff7940 1px 1px 10px #004952; opacity: 0.29; border-radius: 178.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(6) { width: 66.66667px; height: 60px; border: 9.81px #f7fcc7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -60px; margin-left: -120px; z-index: -1; transform: rotate(260deg); animation: 10s pounce -0.02314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #23596a; box-shadow: 1px 1px -90px #ff6240, 1px 1px -20px #ff763a 1px 1px 10px #00424a; opacity: 0.24167; border-radius: 214.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(7) { width: 77.77778px; height: 70px; border: 11.445px #f7fcc6; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -70px; margin-left: -140px; z-index: -2; transform: rotate(260deg); animation: 10s pounce -0.0315s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #225767; box-shadow: 1px 1px -90px #ff5f3b, 1px 1px -20px #ff7235 1px 1px 10px #003b42; opacity: 0.20714; border-radius: 250px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(8) { width: 88.88889px; height: 80px; border: 13.08px #f7fcc5; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -80px; margin-left: -160px; z-index: -3; transform: rotate(260deg); animation: 10s pounce -0.04114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #225565; box-shadow: 1px 1px -90px #ff5b37, 1px 1px -20px #ff6e30 1px 1px 10px #00343b; opacity: 0.18125; border-radius: 285.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(9) { width: 100px; height: 90px; border: 14.715px #f7fbc4; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -90px; margin-left: -180px; z-index: -4; transform: rotate(260deg); animation: 10s pounce -0.05207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #215362; box-shadow: 1px 1px -90px #ff5833, 1px 1px -20px #ff6b2b 1px 1px 10px #002e33; opacity: 0.16111; border-radius: 321.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(10) { width: 111.11111px; height: 100px; border: 16.35px #f7fbc3; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -100px; margin-left: -200px; z-index: -5; transform: rotate(260deg); animation: 10s pounce -0.06429s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #205160; box-shadow: 1px 1px -90px #ff542f, 1px 1px -20px #ff6726 1px 1px 10px #00272c; opacity: 0.145; border-radius: 357.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(11) { width: 122.22222px; height: 110px; border: 17.985px #f7fbc2; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -110px; margin-left: -220px; z-index: -6; transform: rotate(260deg); animation: 10s pounce -0.07779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1f4f5e; box-shadow: 1px 1px -90px #ff512a, 1px 1px -20px #ff6421 1px 1px 10px #002024; opacity: 0.13182; border-radius: 392.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(12) { width: 133.33333px; height: 120px; border: 19.62px #f6fbc1; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -120px; margin-left: -240px; z-index: -7; transform: rotate(260deg); animation: 10s pounce -0.09257s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1e4d5b; box-shadow: 1px 1px -90px #ff4d26, 1px 1px -20px #ff601c 1px 1px 10px #00191c; opacity: 0.12083; border-radius: 428.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(13) { width: 144.44444px; height: 130px; border: 21.255px #f6fbc0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -130px; margin-left: -260px; z-index: -8; transform: rotate(260deg); animation: 10s pounce -0.10864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1e4b59; box-shadow: 1px 1px -90px #ff4a22, 1px 1px -20px #ff5d17 1px 1px 10px #001215; opacity: 0.11154; border-radius: 464.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(14) { width: 155.55556px; height: 140px; border: 22.89px #f6fbc0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -140px; margin-left: -280px; z-index: -9; transform: rotate(260deg); animation: 10s pounce -0.126s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1d4957; box-shadow: 1px 1px -90px #ff461e, 1px 1px -20px #ff5912 1px 1px 10px #000c0d; opacity: 0.10357; border-radius: 500px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(15) { width: 166.66667px; height: 150px; border: 24.525px #f6fbbf; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -150px; margin-left: -300px; z-index: -10; transform: rotate(260deg); animation: 10s pounce -0.14464s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1c4754; box-shadow: 1px 1px -90px #ff4319, 1px 1px -20px #ff560d 1px 1px 10px #000505; opacity: 0.09667; border-radius: 535.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(16) { width: 177.77778px; height: 160px; border: 26.16px #f6fbbe; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -160px; margin-left: -320px; z-index: -11; transform: rotate(260deg); animation: 10s pounce -0.16457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1b4552; box-shadow: 1px 1px -90px #ff3f15, 1px 1px -20px #ff5207 1px 1px 10px black; opacity: 0.09062; border-radius: 571.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(17) { width: 188.88889px; height: 170px; border: 27.795px #f6fbbd; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -170px; margin-left: -340px; z-index: -12; transform: rotate(260deg); animation: 10s pounce -0.18579s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1a434f; box-shadow: 1px 1px -90px #ff3c11, 1px 1px -20px #ff4e02 1px 1px 10px black; opacity: 0.08529; border-radius: 607.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(18) { width: 200px; height: 180px; border: 29.43px #f6fbbc; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -180px; margin-left: -360px; z-index: -13; transform: rotate(260deg); animation: 10s pounce -0.20829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1a414d; box-shadow: 1px 1px -90px #ff380d, 1px 1px -20px #fc4c00 1px 1px 10px black; opacity: 0.08056; border-radius: 642.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(19) { width: 211.11111px; height: 190px; border: 31.065px #f5fbbb; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -190px; margin-left: -380px; z-index: -14; transform: rotate(260deg); animation: 10s pounce -0.23207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #193f4b; box-shadow: 1px 1px -90px #ff3508, 1px 1px -20px #f74a00 1px 1px 10px black; opacity: 0.07632; border-radius: 678.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(20) { width: 222.22222px; height: 200px; border: 32.7px #f5fbba; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -200px; margin-left: -400px; z-index: -15; transform: rotate(260deg); animation: 10s pounce -0.25714s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #183d48; box-shadow: 1px 1px -90px #ff3104, 1px 1px -20px #f24900 1px 1px 10px black; opacity: 0.0725; border-radius: 714.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(21) { width: 233.33333px; height: 210px; border: 34.335px #f5fbb9; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -210px; margin-left: -420px; z-index: -16; transform: rotate(260deg); animation: 10s pounce -0.2835s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #173b46; box-shadow: 1px 1px -90px #ff2e00, 1px 1px -20px #ed4700 1px 1px 10px black; opacity: 0.06905; border-radius: 750px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(22) { width: 244.44444px; height: 220px; border: 35.97px #f5fbb8; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -220px; margin-left: -440px; z-index: -17; transform: rotate(260deg); animation: 10s pounce -0.31114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #163943; box-shadow: 1px 1px -90px #fb2d00, 1px 1px -20px #e84600 1px 1px 10px black; opacity: 0.06591; border-radius: 785.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(23) { width: 255.55556px; height: 230px; border: 37.605px #f5fbb7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -230px; margin-left: -460px; z-index: -18; transform: rotate(260deg); animation: 10s pounce -0.34007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #163741; box-shadow: 1px 1px -90px #f62d00, 1px 1px -20px #e34400 1px 1px 10px black; opacity: 0.06304; border-radius: 821.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(24) { width: 266.66667px; height: 240px; border: 39.24px #f5fbb6; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -240px; margin-left: -480px; z-index: -19; transform: rotate(260deg); animation: 10s pounce -0.37029s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #15353f; box-shadow: 1px 1px -90px #f22c00, 1px 1px -20px #de4300 1px 1px 10px black; opacity: 0.06042; border-radius: 857.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(25) { width: 277.77778px; height: 250px; border: 40.875px #f5fbb5; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -250px; margin-left: -500px; z-index: -20; transform: rotate(260deg); animation: 10s pounce -0.40179s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #14333c; box-shadow: 1px 1px -90px #ee2b00, 1px 1px -20px #d94100 1px 1px 10px black; opacity: 0.058; border-radius: 892.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(26) { width: 288.88889px; height: 260px; border: 42.51px #f4fab4; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -260px; margin-left: -520px; z-index: -21; transform: rotate(260deg); animation: 10s pounce -0.43457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #13313a; box-shadow: 1px 1px -90px #ea2a00, 1px 1px -20px #d34000 1px 1px 10px black; opacity: 0.05577; border-radius: 928.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(27) { width: 300px; height: 270px; border: 44.145px #f4fab3; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -270px; margin-left: -540px; z-index: -22; transform: rotate(260deg); animation: 10s pounce -0.46864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #122f37; box-shadow: 1px 1px -90px #e52900, 1px 1px -20px #ce3e00 1px 1px 10px black; opacity: 0.0537; border-radius: 964.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(28) { width: 311.11111px; height: 280px; border: 45.78px #f4fab2; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -280px; margin-left: -560px; z-index: -23; transform: rotate(260deg); animation: 10s pounce -0.504s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #122d35; box-shadow: 1px 1px -90px #e12900, 1px 1px -20px #c93d00 1px 1px 10px black; opacity: 0.05179; border-radius: 1000px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(29) { width: 322.22222px; height: 290px; border: 47.415px #f4fab1; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -290px; margin-left: -580px; z-index: -24; transform: rotate(260deg); animation: 10s pounce -0.54064s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #112b33; box-shadow: 1px 1px -90px #dd2800, 1px 1px -20px #c43b00 1px 1px 10px black; opacity: 0.05; border-radius: 1035.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(30) { width: 333.33333px; height: 300px; border: 49.05px #f4fab0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -300px; margin-left: -600px; z-index: -25; transform: rotate(260deg); animation: 10s pounce -0.57857s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #102930; box-shadow: 1px 1px -90px #d92700, 1px 1px -20px #bf3a00 1px 1px 10px black; opacity: 0.04833; border-radius: 1071.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(31) { width: 344.44444px; height: 310px; border: 50.685px #f4faaf; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -310px; margin-left: -620px; z-index: -26; transform: rotate(260deg); animation: 10s pounce -0.61779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0f272e; box-shadow: 1px 1px -90px #d42600, 1px 1px -20px #ba3800 1px 1px 10px black; opacity: 0.04677; border-radius: 1107.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(32) { width: 355.55556px; height: 320px; border: 52.32px #f4faae; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -320px; margin-left: -640px; z-index: -27; transform: rotate(260deg); animation: 10s pounce -0.65829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0f252c; box-shadow: 1px 1px -90px #d02600, 1px 1px -20px #b53600 1px 1px 10px black; opacity: 0.04531; border-radius: 1142.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(33) { width: 366.66667px; height: 330px; border: 53.955px #f4faad; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -330px; margin-left: -660px; z-index: -28; transform: rotate(260deg); animation: 10s pounce -0.70007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0e2329; box-shadow: 1px 1px -90px #cc2500, 1px 1px -20px #b03500 1px 1px 10px black; opacity: 0.04394; border-radius: 1178.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(34) { width: 377.77778px; height: 340px; border: 55.59px #f3faac; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -340px; margin-left: -680px; z-index: -29; transform: rotate(260deg); animation: 10s pounce -0.74314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0d2127; box-shadow: 1px 1px -90px #c82400, 1px 1px -20px #ab3300 1px 1px 10px black; opacity: 0.04265; border-radius: 1214.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(35) { width: 388.88889px; height: 350px; border: 57.225px #f3faab; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -350px; margin-left: -700px; z-index: -30; transform: rotate(260deg); animation: 10s pounce -0.7875s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0c1f24; box-shadow: 1px 1px -90px #c32300, 1px 1px -20px #a63200 1px 1px 10px black; opacity: 0.04143; border-radius: 1250px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(36) { width: 400px; height: 360px; border: 58.86px #f3faaa; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -360px; margin-left: -720px; z-index: -31; transform: rotate(260deg); animation: 10s pounce -0.83314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0b1d22; box-shadow: 1px 1px -90px #bf2300, 1px 1px -20px #a03000 1px 1px 10px black; opacity: 0.04028; border-radius: 1285.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(37) { width: 411.11111px; height: 370px; border: 60.495px #f3faa9; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -370px; margin-left: -740px; z-index: -32; transform: rotate(260deg); animation: 10s pounce -0.88007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0b1b20; box-shadow: 1px 1px -90px #bb2200, 1px 1px -20px #9b2f00 1px 1px 10px black; opacity: 0.03919; border-radius: 1321.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(38) { width: 422.22222px; height: 380px; border: 62.13px #f3faa8; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -380px; margin-left: -760px; z-index: -33; transform: rotate(260deg); animation: 10s pounce -0.92829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0a191d; box-shadow: 1px 1px -90px #b72100, 1px 1px -20px #962d00 1px 1px 10px black; opacity: 0.03816; border-radius: 1357.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(39) { width: 433.33333px; height: 390px; border: 63.765px #f3faa7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -390px; margin-left: -780px; z-index: -34; transform: rotate(260deg); animation: 10s pounce -0.97779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #09171b; box-shadow: 1px 1px -90px #b22000, 1px 1px -20px #912c00 1px 1px 10px black; opacity: 0.03718; border-radius: 1392.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(40) { width: 444.44444px; height: 400px; border: 65.4px #f3faa7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -400px; margin-left: -800px; z-index: -35; transform: rotate(260deg); animation: 10s pounce -1.02857s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #081518; box-shadow: 1px 1px -90px #ae1f00, 1px 1px -20px #8c2a00 1px 1px 10px black; opacity: 0.03625; border-radius: 1428.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(41) { width: 455.55556px; height: 410px; border: 67.035px #f2faa6; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -410px; margin-left: -820px; z-index: -36; transform: rotate(260deg); animation: 10s pounce -1.08064s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #071316; box-shadow: 1px 1px -90px #aa1f00, 1px 1px -20px #872900 1px 1px 10px black; opacity: 0.03537; border-radius: 1464.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(42) { width: 466.66667px; height: 420px; border: 68.67px #f2faa5; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -420px; margin-left: -840px; z-index: -37; transform: rotate(260deg); animation: 10s pounce -1.134s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #071014; box-shadow: 1px 1px -90px #a61e00, 1px 1px -20px #822700 1px 1px 10px black; opacity: 0.03452; border-radius: 1500px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(43) { width: 477.77778px; height: 430px; border: 70.305px #f2faa4; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -430px; margin-left: -860px; z-index: -38; transform: rotate(260deg); animation: 10s pounce -1.18864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #060e11; box-shadow: 1px 1px -90px #a11d00, 1px 1px -20px #7d2600 1px 1px 10px black; opacity: 0.03372; border-radius: 1535.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(44) { width: 488.88889px; height: 440px; border: 71.94px #f2f9a3; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -440px; margin-left: -880px; z-index: -39; transform: rotate(260deg); animation: 10s pounce -1.24457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #050c0f; box-shadow: 1px 1px -90px #9d1c00, 1px 1px -20px #782400 1px 1px 10px black; opacity: 0.03295; border-radius: 1571.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(45) { width: 500px; height: 450px; border: 73.575px #f2f9a2; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -450px; margin-left: -900px; z-index: -40; transform: rotate(260deg); animation: 10s pounce -1.30179s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #040a0c; box-shadow: 1px 1px -90px #991c00, 1px 1px -20px #732200 1px 1px 10px black; opacity: 0.03222; border-radius: 1607.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(46) { width: 511.11111px; height: 460px; border: 75.21px #f2f9a1; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -460px; margin-left: -920px; z-index: -41; transform: rotate(260deg); animation: 10s pounce -1.36029s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #03080a; box-shadow: 1px 1px -90px #951b00, 1px 1px -20px #6d2100 1px 1px 10px black; opacity: 0.03152; border-radius: 1642.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(47) { width: 522.22222px; height: 470px; border: 76.845px #f2f9a0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -470px; margin-left: -940px; z-index: -42; transform: rotate(260deg); animation: 10s pounce -1.42007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #030608; box-shadow: 1px 1px -90px #901a00, 1px 1px -20px #681f00 1px 1px 10px black; opacity: 0.03085; border-radius: 1678.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(48) { width: 533.33333px; height: 480px; border: 78.48px #f2f99f; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -480px; margin-left: -960px; z-index: -43; transform: rotate(260deg); animation: 10s pounce -1.48114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #020405; box-shadow: 1px 1px -90px #8c1900, 1px 1px -20px #631e00 1px 1px 10px black; opacity: 0.03021; border-radius: 1714.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(49) { width: 544.44444px; height: 490px; border: 80.115px #f1f99e; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -490px; margin-left: -980px; z-index: -44; transform: rotate(260deg); animation: 10s pounce -1.5435s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #010203; box-shadow: 1px 1px -90px #881900, 1px 1px -20px #5e1c00 1px 1px 10px black; opacity: 0.02959; border-radius: 1750px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(50) { width: 555.55556px; height: 500px; border: 81.75px #f1f99d; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -500px; margin-left: -1000px; z-index: -45; transform: rotate(260deg); animation: 10s pounce -1.60714s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #841800, 1px 1px -20px #591b00 1px 1px 10px black; opacity: 0.029; border-radius: 1785.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(51) { width: 566.66667px; height: 510px; border: 83.385px #f1f99c; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -510px; margin-left: -1020px; z-index: -46; transform: rotate(260deg); animation: 10s pounce -1.67207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #7f1700, 1px 1px -20px #541900 1px 1px 10px black; opacity: 0.02843; border-radius: 1821.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(52) { width: 577.77778px; height: 520px; border: 85.02px #f1f99b; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -520px; margin-left: -1040px; z-index: -47; transform: rotate(260deg); animation: 10s pounce -1.73829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #7b1600, 1px 1px -20px #4f1800 1px 1px 10px black; opacity: 0.02788; border-radius: 1857.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(53) { width: 588.88889px; height: 530px; border: 86.655px #f1f99a; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -530px; margin-left: -1060px; z-index: -48; transform: rotate(260deg); animation: 10s pounce -1.80579s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #771500, 1px 1px -20px #4a1600 1px 1px 10px black; opacity: 0.02736; border-radius: 1892.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(54) { width: 600px; height: 540px; border: 88.29px #f1f999; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -540px; margin-left: -1080px; z-index: -49; transform: rotate(260deg); animation: 10s pounce -1.87457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #731500, 1px 1px -20px #451500 1px 1px 10px black; opacity: 0.02685; border-radius: 1928.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(55) { width: 611.11111px; height: 550px; border: 89.925px #f1f998; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -550px; margin-left: -1100px; z-index: -50; transform: rotate(260deg); animation: 10s pounce -1.94464s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #6e1400, 1px 1px -20px #401300 1px 1px 10px black; opacity: 0.02636; border-radius: 1964.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(56) { width: 622.22222px; height: 560px; border: 91.56px #f0f997; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -560px; margin-left: -1120px; z-index: -51; transform: rotate(260deg); animation: 10s pounce -2.016s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #6a1300, 1px 1px -20px #3a1200 1px 1px 10px black; opacity: 0.02589; border-radius: 2000px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(57) { width: 633.33333px; height: 570px; border: 93.195px #f0f996; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -570px; margin-left: -1140px; z-index: -52; transform: rotate(260deg); animation: 10s pounce -2.08864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #661200, 1px 1px -20px #351000 1px 1px 10px black; opacity: 0.02544; border-radius: 2035.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(58) { width: 644.44444px; height: 580px; border: 94.83px #f0f995; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -580px; margin-left: -1160px; z-index: -53; transform: rotate(260deg); animation: 10s pounce -2.16257s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #621200, 1px 1px -20px #300f00 1px 1px 10px black; opacity: 0.025; border-radius: 2071.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(59) { width: 655.55556px; height: 590px; border: 96.465px #f0f994; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -590px; margin-left: -1180px; z-index: -54; transform: rotate(260deg); animation: 10s pounce -2.23779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #5d1100, 1px 1px -20px #2b0d00 1px 1px 10px black; opacity: 0.02458; border-radius: 2107.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(60) { width: 666.66667px; height: 600px; border: 98.1px #f0f993; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -600px; margin-left: -1200px; z-index: -55; transform: rotate(260deg); animation: 10s pounce -2.31429s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #591000, 1px 1px -20px #260b00 1px 1px 10px black; opacity: 0.02417; border-radius: 2142.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(61) { width: 677.77778px; height: 610px; border: 99.735px #f0f892; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -610px; margin-left: -1220px; z-index: -56; transform: rotate(260deg); animation: 10s pounce -2.39207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #550f00, 1px 1px -20px #210a00 1px 1px 10px black; opacity: 0.02377; border-radius: 2178.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(62) { width: 688.88889px; height: 620px; border: 101.37px #f0f891; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -620px; margin-left: -1240px; z-index: -57; transform: rotate(260deg); animation: 10s pounce -2.47114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #510f00, 1px 1px -20px #1c0800 1px 1px 10px black; opacity: 0.02339; border-radius: 2214.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(63) { width: 700px; height: 630px; border: 103.005px #f0f890; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -630px; margin-left: -1260px; z-index: -58; transform: rotate(260deg); animation: 10s pounce -2.5515s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #4c0e00, 1px 1px -20px #170700 1px 1px 10px black; opacity: 0.02302; border-radius: 2250px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(64) { width: 711.11111px; height: 640px; border: 104.64px #eff88f; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -640px; margin-left: -1280px; z-index: -59; transform: rotate(260deg); animation: 10s pounce -2.63314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #480d00, 1px 1px -20px #120500 1px 1px 10px black; opacity: 0.02266; border-radius: 2285.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(65) { width: 722.22222px; height: 650px; border: 106.275px #eff88e; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -650px; margin-left: -1300px; z-index: -60; transform: rotate(260deg); animation: 10s pounce -2.71607s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #440c00, 1px 1px -20px #0d0400 1px 1px 10px black; opacity: 0.02231; border-radius: 2321.42857px;
}
@keyframes pounce { 0% { transform: rotate(86deg); transform: skew(20deg, 20deg) scale(1.75, 1.75) matrix(1, 100.84, 0.54, 6, 43px, 86px); } 20% { transform: rotate(86deg) skew(40deg); transform: translatex(-100px) translatey(90px) rotateY(-305deg); } 25% { transform: rotate(-86deg) skew(40deg) scale(1.5); transform: translatex(100px) translatey(20px) matrix(1.9, 1.84, 0.54, 6, 43px, 86px); } 50% { transform: scale(2.2); transform: translatex(50px) translatey(100px); } 55% { transform: rotate(86deg) scale(1.1); } 75% { transform: rotate(86deg, 86deg) skew(25deg) matrix(1.06, 155.84, 0.54, 6, 43px, 86px); } 100% { transform: skew(0deg, 0deg); }
} </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 - Script Codes CSS Codes

body { background-color: #060B12; overflow: hidden;
}
div:nth-child(3) { width: 33.33333px; height: 30px; border: 4.905px #f8fcca; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -30px; margin-left: -60px; z-index: 2; transform: rotate(260deg); animation: 10s pounce -0.00579s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #265f71; box-shadow: 1px 1px -90px #ff6d4c, 1px 1px -20px #ff804a 1px 1px 10px #005761; opacity: 0.48333; border-radius: 107.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(4) { width: 44.44444px; height: 40px; border: 6.54px #f7fcc9; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -40px; margin-left: -80px; z-index: 1; transform: rotate(260deg); animation: 10s pounce -0.01029s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #255d6e; box-shadow: 1px 1px -90px #ff6948, 1px 1px -20px #ff7d45 1px 1px 10px #005059; opacity: 0.3625; border-radius: 142.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(5) { width: 55.55556px; height: 50px; border: 8.175px #f7fcc8; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -50px; margin-left: -100px; z-index: 0; transform: rotate(260deg); animation: 10s pounce -0.01607s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #245b6c; box-shadow: 1px 1px -90px #ff6644, 1px 1px -20px #ff7940 1px 1px 10px #004952; opacity: 0.29; border-radius: 178.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(6) { width: 66.66667px; height: 60px; border: 9.81px #f7fcc7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -60px; margin-left: -120px; z-index: -1; transform: rotate(260deg); animation: 10s pounce -0.02314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #23596a; box-shadow: 1px 1px -90px #ff6240, 1px 1px -20px #ff763a 1px 1px 10px #00424a; opacity: 0.24167; border-radius: 214.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(7) { width: 77.77778px; height: 70px; border: 11.445px #f7fcc6; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -70px; margin-left: -140px; z-index: -2; transform: rotate(260deg); animation: 10s pounce -0.0315s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #225767; box-shadow: 1px 1px -90px #ff5f3b, 1px 1px -20px #ff7235 1px 1px 10px #003b42; opacity: 0.20714; border-radius: 250px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(8) { width: 88.88889px; height: 80px; border: 13.08px #f7fcc5; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -80px; margin-left: -160px; z-index: -3; transform: rotate(260deg); animation: 10s pounce -0.04114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #225565; box-shadow: 1px 1px -90px #ff5b37, 1px 1px -20px #ff6e30 1px 1px 10px #00343b; opacity: 0.18125; border-radius: 285.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(9) { width: 100px; height: 90px; border: 14.715px #f7fbc4; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -90px; margin-left: -180px; z-index: -4; transform: rotate(260deg); animation: 10s pounce -0.05207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #215362; box-shadow: 1px 1px -90px #ff5833, 1px 1px -20px #ff6b2b 1px 1px 10px #002e33; opacity: 0.16111; border-radius: 321.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(10) { width: 111.11111px; height: 100px; border: 16.35px #f7fbc3; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -100px; margin-left: -200px; z-index: -5; transform: rotate(260deg); animation: 10s pounce -0.06429s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #205160; box-shadow: 1px 1px -90px #ff542f, 1px 1px -20px #ff6726 1px 1px 10px #00272c; opacity: 0.145; border-radius: 357.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(11) { width: 122.22222px; height: 110px; border: 17.985px #f7fbc2; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -110px; margin-left: -220px; z-index: -6; transform: rotate(260deg); animation: 10s pounce -0.07779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1f4f5e; box-shadow: 1px 1px -90px #ff512a, 1px 1px -20px #ff6421 1px 1px 10px #002024; opacity: 0.13182; border-radius: 392.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(12) { width: 133.33333px; height: 120px; border: 19.62px #f6fbc1; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -120px; margin-left: -240px; z-index: -7; transform: rotate(260deg); animation: 10s pounce -0.09257s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1e4d5b; box-shadow: 1px 1px -90px #ff4d26, 1px 1px -20px #ff601c 1px 1px 10px #00191c; opacity: 0.12083; border-radius: 428.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(13) { width: 144.44444px; height: 130px; border: 21.255px #f6fbc0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -130px; margin-left: -260px; z-index: -8; transform: rotate(260deg); animation: 10s pounce -0.10864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1e4b59; box-shadow: 1px 1px -90px #ff4a22, 1px 1px -20px #ff5d17 1px 1px 10px #001215; opacity: 0.11154; border-radius: 464.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(14) { width: 155.55556px; height: 140px; border: 22.89px #f6fbc0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -140px; margin-left: -280px; z-index: -9; transform: rotate(260deg); animation: 10s pounce -0.126s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1d4957; box-shadow: 1px 1px -90px #ff461e, 1px 1px -20px #ff5912 1px 1px 10px #000c0d; opacity: 0.10357; border-radius: 500px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(15) { width: 166.66667px; height: 150px; border: 24.525px #f6fbbf; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -150px; margin-left: -300px; z-index: -10; transform: rotate(260deg); animation: 10s pounce -0.14464s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1c4754; box-shadow: 1px 1px -90px #ff4319, 1px 1px -20px #ff560d 1px 1px 10px #000505; opacity: 0.09667; border-radius: 535.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(16) { width: 177.77778px; height: 160px; border: 26.16px #f6fbbe; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -160px; margin-left: -320px; z-index: -11; transform: rotate(260deg); animation: 10s pounce -0.16457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1b4552; box-shadow: 1px 1px -90px #ff3f15, 1px 1px -20px #ff5207 1px 1px 10px black; opacity: 0.09062; border-radius: 571.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(17) { width: 188.88889px; height: 170px; border: 27.795px #f6fbbd; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -170px; margin-left: -340px; z-index: -12; transform: rotate(260deg); animation: 10s pounce -0.18579s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1a434f; box-shadow: 1px 1px -90px #ff3c11, 1px 1px -20px #ff4e02 1px 1px 10px black; opacity: 0.08529; border-radius: 607.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(18) { width: 200px; height: 180px; border: 29.43px #f6fbbc; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -180px; margin-left: -360px; z-index: -13; transform: rotate(260deg); animation: 10s pounce -0.20829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #1a414d; box-shadow: 1px 1px -90px #ff380d, 1px 1px -20px #fc4c00 1px 1px 10px black; opacity: 0.08056; border-radius: 642.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(19) { width: 211.11111px; height: 190px; border: 31.065px #f5fbbb; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -190px; margin-left: -380px; z-index: -14; transform: rotate(260deg); animation: 10s pounce -0.23207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #193f4b; box-shadow: 1px 1px -90px #ff3508, 1px 1px -20px #f74a00 1px 1px 10px black; opacity: 0.07632; border-radius: 678.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(20) { width: 222.22222px; height: 200px; border: 32.7px #f5fbba; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -200px; margin-left: -400px; z-index: -15; transform: rotate(260deg); animation: 10s pounce -0.25714s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #183d48; box-shadow: 1px 1px -90px #ff3104, 1px 1px -20px #f24900 1px 1px 10px black; opacity: 0.0725; border-radius: 714.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(21) { width: 233.33333px; height: 210px; border: 34.335px #f5fbb9; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -210px; margin-left: -420px; z-index: -16; transform: rotate(260deg); animation: 10s pounce -0.2835s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #173b46; box-shadow: 1px 1px -90px #ff2e00, 1px 1px -20px #ed4700 1px 1px 10px black; opacity: 0.06905; border-radius: 750px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(22) { width: 244.44444px; height: 220px; border: 35.97px #f5fbb8; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -220px; margin-left: -440px; z-index: -17; transform: rotate(260deg); animation: 10s pounce -0.31114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #163943; box-shadow: 1px 1px -90px #fb2d00, 1px 1px -20px #e84600 1px 1px 10px black; opacity: 0.06591; border-radius: 785.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(23) { width: 255.55556px; height: 230px; border: 37.605px #f5fbb7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -230px; margin-left: -460px; z-index: -18; transform: rotate(260deg); animation: 10s pounce -0.34007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #163741; box-shadow: 1px 1px -90px #f62d00, 1px 1px -20px #e34400 1px 1px 10px black; opacity: 0.06304; border-radius: 821.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(24) { width: 266.66667px; height: 240px; border: 39.24px #f5fbb6; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -240px; margin-left: -480px; z-index: -19; transform: rotate(260deg); animation: 10s pounce -0.37029s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #15353f; box-shadow: 1px 1px -90px #f22c00, 1px 1px -20px #de4300 1px 1px 10px black; opacity: 0.06042; border-radius: 857.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(25) { width: 277.77778px; height: 250px; border: 40.875px #f5fbb5; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -250px; margin-left: -500px; z-index: -20; transform: rotate(260deg); animation: 10s pounce -0.40179s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #14333c; box-shadow: 1px 1px -90px #ee2b00, 1px 1px -20px #d94100 1px 1px 10px black; opacity: 0.058; border-radius: 892.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(26) { width: 288.88889px; height: 260px; border: 42.51px #f4fab4; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -260px; margin-left: -520px; z-index: -21; transform: rotate(260deg); animation: 10s pounce -0.43457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #13313a; box-shadow: 1px 1px -90px #ea2a00, 1px 1px -20px #d34000 1px 1px 10px black; opacity: 0.05577; border-radius: 928.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(27) { width: 300px; height: 270px; border: 44.145px #f4fab3; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -270px; margin-left: -540px; z-index: -22; transform: rotate(260deg); animation: 10s pounce -0.46864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #122f37; box-shadow: 1px 1px -90px #e52900, 1px 1px -20px #ce3e00 1px 1px 10px black; opacity: 0.0537; border-radius: 964.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(28) { width: 311.11111px; height: 280px; border: 45.78px #f4fab2; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -280px; margin-left: -560px; z-index: -23; transform: rotate(260deg); animation: 10s pounce -0.504s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #122d35; box-shadow: 1px 1px -90px #e12900, 1px 1px -20px #c93d00 1px 1px 10px black; opacity: 0.05179; border-radius: 1000px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(29) { width: 322.22222px; height: 290px; border: 47.415px #f4fab1; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -290px; margin-left: -580px; z-index: -24; transform: rotate(260deg); animation: 10s pounce -0.54064s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #112b33; box-shadow: 1px 1px -90px #dd2800, 1px 1px -20px #c43b00 1px 1px 10px black; opacity: 0.05; border-radius: 1035.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(30) { width: 333.33333px; height: 300px; border: 49.05px #f4fab0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -300px; margin-left: -600px; z-index: -25; transform: rotate(260deg); animation: 10s pounce -0.57857s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #102930; box-shadow: 1px 1px -90px #d92700, 1px 1px -20px #bf3a00 1px 1px 10px black; opacity: 0.04833; border-radius: 1071.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(31) { width: 344.44444px; height: 310px; border: 50.685px #f4faaf; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -310px; margin-left: -620px; z-index: -26; transform: rotate(260deg); animation: 10s pounce -0.61779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0f272e; box-shadow: 1px 1px -90px #d42600, 1px 1px -20px #ba3800 1px 1px 10px black; opacity: 0.04677; border-radius: 1107.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(32) { width: 355.55556px; height: 320px; border: 52.32px #f4faae; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -320px; margin-left: -640px; z-index: -27; transform: rotate(260deg); animation: 10s pounce -0.65829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0f252c; box-shadow: 1px 1px -90px #d02600, 1px 1px -20px #b53600 1px 1px 10px black; opacity: 0.04531; border-radius: 1142.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(33) { width: 366.66667px; height: 330px; border: 53.955px #f4faad; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -330px; margin-left: -660px; z-index: -28; transform: rotate(260deg); animation: 10s pounce -0.70007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0e2329; box-shadow: 1px 1px -90px #cc2500, 1px 1px -20px #b03500 1px 1px 10px black; opacity: 0.04394; border-radius: 1178.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(34) { width: 377.77778px; height: 340px; border: 55.59px #f3faac; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -340px; margin-left: -680px; z-index: -29; transform: rotate(260deg); animation: 10s pounce -0.74314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0d2127; box-shadow: 1px 1px -90px #c82400, 1px 1px -20px #ab3300 1px 1px 10px black; opacity: 0.04265; border-radius: 1214.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(35) { width: 388.88889px; height: 350px; border: 57.225px #f3faab; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -350px; margin-left: -700px; z-index: -30; transform: rotate(260deg); animation: 10s pounce -0.7875s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0c1f24; box-shadow: 1px 1px -90px #c32300, 1px 1px -20px #a63200 1px 1px 10px black; opacity: 0.04143; border-radius: 1250px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(36) { width: 400px; height: 360px; border: 58.86px #f3faaa; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -360px; margin-left: -720px; z-index: -31; transform: rotate(260deg); animation: 10s pounce -0.83314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0b1d22; box-shadow: 1px 1px -90px #bf2300, 1px 1px -20px #a03000 1px 1px 10px black; opacity: 0.04028; border-radius: 1285.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(37) { width: 411.11111px; height: 370px; border: 60.495px #f3faa9; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -370px; margin-left: -740px; z-index: -32; transform: rotate(260deg); animation: 10s pounce -0.88007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0b1b20; box-shadow: 1px 1px -90px #bb2200, 1px 1px -20px #9b2f00 1px 1px 10px black; opacity: 0.03919; border-radius: 1321.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(38) { width: 422.22222px; height: 380px; border: 62.13px #f3faa8; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -380px; margin-left: -760px; z-index: -33; transform: rotate(260deg); animation: 10s pounce -0.92829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #0a191d; box-shadow: 1px 1px -90px #b72100, 1px 1px -20px #962d00 1px 1px 10px black; opacity: 0.03816; border-radius: 1357.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(39) { width: 433.33333px; height: 390px; border: 63.765px #f3faa7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -390px; margin-left: -780px; z-index: -34; transform: rotate(260deg); animation: 10s pounce -0.97779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #09171b; box-shadow: 1px 1px -90px #b22000, 1px 1px -20px #912c00 1px 1px 10px black; opacity: 0.03718; border-radius: 1392.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(40) { width: 444.44444px; height: 400px; border: 65.4px #f3faa7; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -400px; margin-left: -800px; z-index: -35; transform: rotate(260deg); animation: 10s pounce -1.02857s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #081518; box-shadow: 1px 1px -90px #ae1f00, 1px 1px -20px #8c2a00 1px 1px 10px black; opacity: 0.03625; border-radius: 1428.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(41) { width: 455.55556px; height: 410px; border: 67.035px #f2faa6; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -410px; margin-left: -820px; z-index: -36; transform: rotate(260deg); animation: 10s pounce -1.08064s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #071316; box-shadow: 1px 1px -90px #aa1f00, 1px 1px -20px #872900 1px 1px 10px black; opacity: 0.03537; border-radius: 1464.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(42) { width: 466.66667px; height: 420px; border: 68.67px #f2faa5; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -420px; margin-left: -840px; z-index: -37; transform: rotate(260deg); animation: 10s pounce -1.134s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #071014; box-shadow: 1px 1px -90px #a61e00, 1px 1px -20px #822700 1px 1px 10px black; opacity: 0.03452; border-radius: 1500px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(43) { width: 477.77778px; height: 430px; border: 70.305px #f2faa4; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -430px; margin-left: -860px; z-index: -38; transform: rotate(260deg); animation: 10s pounce -1.18864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #060e11; box-shadow: 1px 1px -90px #a11d00, 1px 1px -20px #7d2600 1px 1px 10px black; opacity: 0.03372; border-radius: 1535.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(44) { width: 488.88889px; height: 440px; border: 71.94px #f2f9a3; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -440px; margin-left: -880px; z-index: -39; transform: rotate(260deg); animation: 10s pounce -1.24457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #050c0f; box-shadow: 1px 1px -90px #9d1c00, 1px 1px -20px #782400 1px 1px 10px black; opacity: 0.03295; border-radius: 1571.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(45) { width: 500px; height: 450px; border: 73.575px #f2f9a2; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -450px; margin-left: -900px; z-index: -40; transform: rotate(260deg); animation: 10s pounce -1.30179s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #040a0c; box-shadow: 1px 1px -90px #991c00, 1px 1px -20px #732200 1px 1px 10px black; opacity: 0.03222; border-radius: 1607.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(46) { width: 511.11111px; height: 460px; border: 75.21px #f2f9a1; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -460px; margin-left: -920px; z-index: -41; transform: rotate(260deg); animation: 10s pounce -1.36029s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #03080a; box-shadow: 1px 1px -90px #951b00, 1px 1px -20px #6d2100 1px 1px 10px black; opacity: 0.03152; border-radius: 1642.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(47) { width: 522.22222px; height: 470px; border: 76.845px #f2f9a0; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -470px; margin-left: -940px; z-index: -42; transform: rotate(260deg); animation: 10s pounce -1.42007s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #030608; box-shadow: 1px 1px -90px #901a00, 1px 1px -20px #681f00 1px 1px 10px black; opacity: 0.03085; border-radius: 1678.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(48) { width: 533.33333px; height: 480px; border: 78.48px #f2f99f; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -480px; margin-left: -960px; z-index: -43; transform: rotate(260deg); animation: 10s pounce -1.48114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #020405; box-shadow: 1px 1px -90px #8c1900, 1px 1px -20px #631e00 1px 1px 10px black; opacity: 0.03021; border-radius: 1714.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(49) { width: 544.44444px; height: 490px; border: 80.115px #f1f99e; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -490px; margin-left: -980px; z-index: -44; transform: rotate(260deg); animation: 10s pounce -1.5435s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: #010203; box-shadow: 1px 1px -90px #881900, 1px 1px -20px #5e1c00 1px 1px 10px black; opacity: 0.02959; border-radius: 1750px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(50) { width: 555.55556px; height: 500px; border: 81.75px #f1f99d; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -500px; margin-left: -1000px; z-index: -45; transform: rotate(260deg); animation: 10s pounce -1.60714s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #841800, 1px 1px -20px #591b00 1px 1px 10px black; opacity: 0.029; border-radius: 1785.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(51) { width: 566.66667px; height: 510px; border: 83.385px #f1f99c; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -510px; margin-left: -1020px; z-index: -46; transform: rotate(260deg); animation: 10s pounce -1.67207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #7f1700, 1px 1px -20px #541900 1px 1px 10px black; opacity: 0.02843; border-radius: 1821.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(52) { width: 577.77778px; height: 520px; border: 85.02px #f1f99b; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -520px; margin-left: -1040px; z-index: -47; transform: rotate(260deg); animation: 10s pounce -1.73829s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #7b1600, 1px 1px -20px #4f1800 1px 1px 10px black; opacity: 0.02788; border-radius: 1857.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(53) { width: 588.88889px; height: 530px; border: 86.655px #f1f99a; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -530px; margin-left: -1060px; z-index: -48; transform: rotate(260deg); animation: 10s pounce -1.80579s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #771500, 1px 1px -20px #4a1600 1px 1px 10px black; opacity: 0.02736; border-radius: 1892.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(54) { width: 600px; height: 540px; border: 88.29px #f1f999; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -540px; margin-left: -1080px; z-index: -49; transform: rotate(260deg); animation: 10s pounce -1.87457s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #731500, 1px 1px -20px #451500 1px 1px 10px black; opacity: 0.02685; border-radius: 1928.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(55) { width: 611.11111px; height: 550px; border: 89.925px #f1f998; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -550px; margin-left: -1100px; z-index: -50; transform: rotate(260deg); animation: 10s pounce -1.94464s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #6e1400, 1px 1px -20px #401300 1px 1px 10px black; opacity: 0.02636; border-radius: 1964.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(56) { width: 622.22222px; height: 560px; border: 91.56px #f0f997; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -560px; margin-left: -1120px; z-index: -51; transform: rotate(260deg); animation: 10s pounce -2.016s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #6a1300, 1px 1px -20px #3a1200 1px 1px 10px black; opacity: 0.02589; border-radius: 2000px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(57) { width: 633.33333px; height: 570px; border: 93.195px #f0f996; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -570px; margin-left: -1140px; z-index: -52; transform: rotate(260deg); animation: 10s pounce -2.08864s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #661200, 1px 1px -20px #351000 1px 1px 10px black; opacity: 0.02544; border-radius: 2035.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(58) { width: 644.44444px; height: 580px; border: 94.83px #f0f995; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -580px; margin-left: -1160px; z-index: -53; transform: rotate(260deg); animation: 10s pounce -2.16257s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #621200, 1px 1px -20px #300f00 1px 1px 10px black; opacity: 0.025; border-radius: 2071.42857px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(59) { width: 655.55556px; height: 590px; border: 96.465px #f0f994; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -590px; margin-left: -1180px; z-index: -54; transform: rotate(260deg); animation: 10s pounce -2.23779s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #5d1100, 1px 1px -20px #2b0d00 1px 1px 10px black; opacity: 0.02458; border-radius: 2107.14286px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(60) { width: 666.66667px; height: 600px; border: 98.1px #f0f993; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -600px; margin-left: -1200px; z-index: -55; transform: rotate(260deg); animation: 10s pounce -2.31429s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #591000, 1px 1px -20px #260b00 1px 1px 10px black; opacity: 0.02417; border-radius: 2142.85714px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(61) { width: 677.77778px; height: 610px; border: 99.735px #f0f892; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -610px; margin-left: -1220px; z-index: -56; transform: rotate(260deg); animation: 10s pounce -2.39207s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #550f00, 1px 1px -20px #210a00 1px 1px 10px black; opacity: 0.02377; border-radius: 2178.57143px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(62) { width: 688.88889px; height: 620px; border: 101.37px #f0f891; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -620px; margin-left: -1240px; z-index: -57; transform: rotate(260deg); animation: 10s pounce -2.47114s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #510f00, 1px 1px -20px #1c0800 1px 1px 10px black; opacity: 0.02339; border-radius: 2214.28571px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(63) { width: 700px; height: 630px; border: 103.005px #f0f890; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -630px; margin-left: -1260px; z-index: -58; transform: rotate(260deg); animation: 10s pounce -2.5515s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #4c0e00, 1px 1px -20px #170700 1px 1px 10px black; opacity: 0.02302; border-radius: 2250px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(64) { width: 711.11111px; height: 640px; border: 104.64px #eff88f; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -640px; margin-left: -1280px; z-index: -59; transform: rotate(260deg); animation: 10s pounce -2.63314s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #480d00, 1px 1px -20px #120500 1px 1px 10px black; opacity: 0.02266; border-radius: 2285.71429px;
}
body { background-color: #060B12; overflow: hidden;
}
div:nth-child(65) { width: 722.22222px; height: 650px; border: 106.275px #eff88e; border-style: dashed dotted dotted dashed; position: absolute; top: 50%; left: 69%; margin-top: -650px; margin-left: -1300px; z-index: -60; transform: rotate(260deg); animation: 10s pounce -2.71607s cubic-bezier(0.56, 0, 0.07, 0.5) infinite; background: black; box-shadow: 1px 1px -90px #440c00, 1px 1px -20px #0d0400 1px 1px 10px black; opacity: 0.02231; border-radius: 2321.42857px;
}
@keyframes pounce { 0% { transform: rotate(86deg); transform: skew(20deg, 20deg) scale(1.75, 1.75) matrix(1, 100.84, 0.54, 6, 43px, 86px); } 20% { transform: rotate(86deg) skew(40deg); transform: translatex(-100px) translatey(90px) rotateY(-305deg); } 25% { transform: rotate(-86deg) skew(40deg) scale(1.5); transform: translatex(100px) translatey(20px) matrix(1.9, 1.84, 0.54, 6, 43px, 86px); } 50% { transform: scale(2.2); transform: translatex(50px) translatey(100px); } 55% { transform: rotate(86deg) scale(1.1); } 75% { transform: rotate(86deg, 86deg) skew(25deg) matrix(1.06, 155.84, 0.54, 6, 43px, 86px); } 100% { transform: skew(0deg, 0deg); }
}

Home Page	Home
Developer	Jordan
Username	Jordan
Uploaded	December 03, 2022
Rating	3
Size	10,400 Kb
Views	18,216

Do you need developer help for Warp?

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
Fallout Shelter	4,320 Kb
LOADING	2,095 Kb
Wut	7,627 Kb
Hover thing	2,514 Kb
Liquid	6,785 Kb
Webkit Filter Neon Buttons	2,651 Kb
Warp V2	9,549 Kb
V.35 The Monolith Update - Hero Release Notes	12,045 Kb
A Pen by Jordan	2,284 Kb
Visual Experiment	2,137 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
Delete Hover	Chungman93	2,557 Kb
Fixed with using Calc	Tomleo	2,542 Kb
Basic HTML Slideshow	Tomhodgins	3,386 Kb
Mandelbrot Fractal	_Billy_Brown	2,706 Kb
GrcJS	Vino6	2,047 Kb
Background Images	Jooonebug	2,100 Kb
Portfolio Landing Page	FDfranklin	3,585 Kb
Sticky notes with CSS3	HaiNguyen007	2,146 Kb
A Pen by Tosh	Panev	2,586 Kb
Gradients	Karpovsystems	2,394 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!