css实现穿越星光动画效果代码
代码语言：html
所属分类：动画
代码描述：css实现穿越星光动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
@property --move {
syntax: "<length>";
inherits: true;
initial-value: 0;
}
:root {
--count: 10;
}
@-webkit-keyframes move {
from {
--move: 0vmin;
opacity: 0;
}
20%, 50%, 70% {
opacity: 1;
}
to {
--move: 22vmin;
}
}
@keyframes move {
from {
--move: 0vmin;
opacity: 0;
}
20%, 50%, 70% {
opacity: 1;
}
to {
--move: 22vmin;
}
}
.leaf {
background: radial-gradient(color-mix(in srgb, white, transparent 90%), color-mix(in srgb, var(--color-primary), hsla(calc(10 * var(--i)), 100%, 50%, 1) 50%));
opacity: 0;
--size: 20vmin;
height: var(--size);
aspect-ratio: 1/8;
border-radius: 50%;
position: absolute;
-webkit-animation: move 0.8s var(--delay) ease infinite;
animation: move 0.8s var(--delay) ease infinite;
--r: calc(var(--move, 0vmin) + 4.2vmin + var(--ri, 0) * var(--size) * 0.44);
--angle-per-item: calc(360deg / var(--count));
--ai: calc(var(--angle-per-item) * var(--i));
translate: calc(cos(var(--ai)) * var(--r)) calc(sin(var(--ai)) * var(--r) * -1);
rotate: calc(90deg - 360deg / var(--count) * var(--i));
}
.leaf:nth-child(1) {
--count: 10;
--ri: 0;
--i: 0;
--d: "0";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2207950129);
}
.leaf:nth-child(2) {
--count: 10;
--ri: 0;
--i: 1;
--d: "1";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.95656342);
}
.leaf:nth-child(3) {
--count: 10;
--ri: 0;
--i: 2;
--d: "2";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9423316913);
}
.leaf:nth-child(4) {
--count: 10;
--ri: 0;
--i: 3;
--d: "3";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3986647258);
}
.leaf:nth-child(5) {
--count: 10;
--ri: 0;
--i: 4;
--d: "4";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4780905743);
}
.leaf:nth-child(6) {
--count: 10;
--ri: 0;
--i: 5;
--d: "5";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7477840145);
}
.leaf:nth-child(7) {
--count: 10;
--ri: 0;
--i: 6;
--d: "6";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4596462729);
}
.leaf:nth-child(8) {
--count: 10;
--ri: 0;
--i: 7;
--d: "7";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0799556027);
}
.leaf:nth-child(9) {
--count: 10;
--ri: 0;
--i: 8;
--d: "8";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.388786715);
}
.leaf:nth-child(10) {
--count: 10;
--ri: 0;
--i: 9;
--d: "9";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.076907041);
}
.leaf:nth-child(11) {
--count: 21;
--ri: 1;
--i: 10;
--d: "10";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3562280678);
}
.leaf:nth-child(12) {
--count: 21;
--ri: 1;
--i: 11;
--d: "11";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4239424486);
}
.leaf:nth-child(13) {
--count: 21;
--ri: 1;
--i: 12;
--d: "12";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9125401957);
}
.leaf:nth-child(14) {
--count: 21;
--ri: 1;
--i: 13;
--d: "13";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3543157068);
}
.leaf:nth-child(15) {
--count: 21;
--ri: 1;
--i: 14;
--d: "14";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7426794209);
}
.leaf:nth-child(16) {
--count: 21;
--ri: 1;
--i: 15;
--d: "15";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9858762491);
}
.leaf:nth-child(17) {
--count: 21;
--ri: 1;
--i: 16;
--d: "16";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.381269531);
}
.leaf:nth-child(18) {
--count: 21;
--ri: 1;
--i: 17;
--d: "17";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9557228108);
}
.leaf:nth-child(19) {
--count: 21;
--ri: 1;
--i: 18;
--d: "18";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2736391811);
}
.leaf:nth-child(20) {
--count: 21;
--ri: 1;
--i: 19;
--d: "19";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.490577447);
}
.leaf:nth-child(21) {
--count: 21;
--ri: 1;
--i: 20;
--d: "20";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6469505648);
}
.leaf:nth-child(22) {
--count: 21;
--ri: 1;
--i: 21;
--d: "21";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5293569361);
}
.leaf:nth-child(23) {
--count: 21;
--ri: 1;
--i: 22;
--d: "22";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.83918985);
}
.leaf:nth-child(24) {
--count: 21;
--ri: 1;
--i: 23;
--d: "23";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9306804799);
}
.leaf:nth-child(25) {
--count: 21;
--ri: 1;
--i: 24;
--d: "24";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4210931269);
}
.leaf:nth-child(26) {
--count: 21;
--ri: 1;
--i: 25;
--d: "25";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.526251382);
}
.leaf:nth-child(27) {
--count: 21;
--ri: 1;
--i: 26;
--d: "26";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7524042242);
}
.leaf:nth-child(28) {
--count: 21;
--ri: 1;
--i: 27;
--d: "27";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2539546159);
}
.leaf:nth-child(29) {
--count: 21;
--ri: 1;
--i: 28;
--d: "28";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2535121379);
}
.leaf:nth-child(30) {
--count: 21;
--ri: 1;
--i: 29;
--d: "29";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.52272445);
}
.leaf:nth-child(31) {
--count: 21;
--ri: 1;
--i: 30;
--d: "30";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0073459098);
}
.leaf:nth-child(32) {
--count: 32;
--ri: 2;
--i: 31;
--d: "31";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8448924203);
}
.leaf:nth-child(33) {
--count: 32;
--ri: 2;
--i: 32;
--d: "32";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9778803602);
}
.leaf:nth-child(34) {
--count: 32;
--ri: 2;
--i: 33;
--d: "33";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2575076602);
}
.leaf:nth-child(35) {
--count: 32;
--ri: 2;
--i: 34;
--d: "34";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0403567911);
}
.leaf:nth-child(36) {
--count: 32;
--ri: 2;
--i: 35;
--d: "35";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.003532609);
}
.leaf:nth-child(37) {
--count: 32;
--ri: 2;
--i: 36;
--d: "36";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2671809359);
}
.leaf:nth-child(38) {
--count: 32;
--ri: 2;
--i: 37;
--d: "37";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0649174176);
}
.leaf:nth-child(39) {
--count: 32;
--ri: 2;
--i: 38;
--d: "38";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.978204248);
}
.leaf:nth-child(40) {
--count: 32;
--ri: 2;
--i: 39;
--d: "39";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8911371168);
}
.leaf:nth-child(41) {
--count: 32;
--ri: 2;
--i: 40;
--d: "40";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0781122452);
}
.leaf:nth-child(42) {
--count: 32;
--ri: 2;
--i: 41;
--d: "41";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7847257093);
}
.leaf:nth-child(43) {
--count: 32;
--ri: 2;
--i: 42;
--d: "42";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0658813887);
}
.leaf:nth-child(44) {
--count: 32;
--ri: 2;
--i: 43;
--d: "43";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1500707257);
}
.leaf:nth-child(45) {
--count: 32;
--ri: 2;
--i: 44;
--d: "44";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3526788477);
}
.leaf:nth-child(46) {
--count: 32;
--ri: 2;
--i: 45;
--d: "45";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8395436379);
}
.leaf:nth-child(47) {
--count: 32;
--ri: 2;
--i: 46;
--d: "46";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0468519352);
}
.leaf:nth-child(48) {
--count: 32;
--ri: 2;
--i: 47;
--d: "47";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7226012433);
}
.leaf:nth-child(49) {
--count: 32;
--ri: 2;
--i: 48;
--d: "48";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8388741835);
}
.leaf:nth-child(50) {
--count: 32;
--ri: 2;
--i: 49;
--d: "49";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2385882616);
}
.leaf:nth-child(51) {
--count: 32;
--ri: 2;
--i: 50;
--d: "50";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2299991939);
}
.leaf:nth-child(52) {
--count: 32;
--ri: 2;
--i: 51;
--d: "51";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5388003898);
}
.leaf:nth-child(53) {
--count: 32;
--ri: 2;
--i: 52;
--d: "52";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8760140574);
}
.leaf:nth-child(54) {
--count: 32;
--ri: 2;
--i: 53;
--d: "53";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.399204228);
}
.leaf:nth-child(55) {
--count: 32;
--ri: 2;
--i: 54;
--d: "54";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7036696046);
}
.leaf:nth-child(56) {
--count: 32;
--ri: 2;
--i: 55;
--d: "55";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4728057312);
}
.leaf:nth-child(57) {
--count: 32;
--ri: 2;
--i: 56;
--d: "56";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5656123984);
}
.leaf:nth-child(58) {
--count: 32;
--ri: 2;
--i: 57;
--d: "57";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8864196629);
}
.leaf:nth-child(59) {
--count: 32;
--ri: 2;
--i: 58;
--d: "58";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4334789664);
}
.leaf:nth-child(60) {
--count: 32;
--ri: 2;
--i: 59;
--d: "59";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2178772532);
}
.leaf:nth-child(61) {
--count: 32;
--ri: 2;
--i: 60;
--d: "60";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6271168773);
}
.leaf:nth-child(62) {
--count: 32;
--ri: 2;
--i: 61;
--d: "61";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9602067766);
}
.leaf:nth-child(63) {
--count: 32;
--ri: 2;
--i: 62;
--d: "62";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6134500798);
}
.leaf:nth-child(64) {
--count: 43;
--ri: 3;
--i: 63;
--d: "63";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8332533967);
}
.leaf:nth-child(65) {
--count: 43;
--ri: 3;
--i: 64;
--d: "64";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6622597331);
}
.leaf:nth-child(66) {
--count: 43;
--ri: 3;
--i: 65;
--d: "65";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9516656858);
}
.leaf:nth-child(67) {
--count: 43;
--ri: 3;
--i: 66;
--d: "66";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9039016424);
}
.leaf:nth-child(68) {
--count: 43;
--ri: 3;
--i: 67;
--d: "67";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6742035653);
}
.leaf:nth-child(69) {
--count: 43;
--ri: 3;
--i: 68;
--d: "68";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8023997117);
}
.leaf:nth-child(70) {
--count: 43;
--ri: 3;
--i: 69;
--d: "69";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1284170071);
}
.leaf:nth-child(71) {
--count: 43;
--ri: 3;
--i: 70;
--d: "70";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.275205321);
}
.leaf:nth-child(72) {
--count: 43;
--ri: 3;
--i: 71;
--d: "71";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4442798675);
}
.leaf:nth-child(73) {
--count: 43;
--ri: 3;
--i: 72;
--d: "72";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9712617103);
}
.leaf:nth-child(74) {
--count: 43;
--ri: 3;
--i: 73;
--d: "73";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2797413085);
}
.leaf:nth-child(75) {
--count: 43;
--ri: 3;
--i: 74;
--d: "74";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8423321844);
}
.leaf:nth-child(76) {
--count: 43;
--ri: 3;
--i: 75;
--d: "75";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9390079732);
}
.leaf:nth-child(77) {
--count: 43;
--ri: 3;
--i: 76;
--d: "76";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2842920748);
}
.leaf:nth-child(78) {
--count: 43;
--ri: 3;
--i: 77;
--d: "77";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2278367915);
}
.leaf:nth-child(79) {
--count: 43;
--ri: 3;
--i: 78;
--d: "78";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.070987378);
}
.leaf:nth-child(80) {
--count: 43;
--ri: 3;
--i: 79;
--d: "79";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3769999);
}
.leaf:nth-child(81) {
--count: 43;
--ri: 3;
--i: 80;
--d: "80";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3096148691);
}
.leaf:nth-child(82) {
--count: 43;
--ri: 3;
--i: 81;
--d: "81";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0493776965);
}
.leaf:nth-child(83) {
--count: 43;
--ri: 3;
--i: 82;
--d: "82";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6817228279);
}
.leaf:nth-child(84) {
--count: 43;
--ri: 3;
--i: 83;
--d: "83";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1718844869);
}
.leaf:nth-child(85) {
--count: 43;
--ri: 3;
--i: 84;
--d: "84";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8905444875);
}
.leaf:nth-child(86) {
--count: 43;
--ri: 3;
--i: 85;
--d: "85";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5870034264);
}
.leaf:nth-child(87) {
--count: 43;
--ri: 3;
--i: 86;
--d: "86";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3843882933);
}
.leaf:nth-child(88) {
--count: 43;
--ri: 3;
--i: 87;
--d: "87";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4473287776);
}
.leaf:nth-child(89) {
--count: 43;
--ri: 3;
--i: 88;
--d: "88";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7367916349);
}
.leaf:nth-child(90) {
--count: 43;
--ri: 3;
--i: 89;
--d: "89";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9252845511);
}
.leaf:nth-child(91) {
--count: 43;
--ri: 3;
--i: 90;
--d: "90";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1556486627);
}
.leaf:nth-child(92) {
--count: 43;
--ri: 3;
--i: 91;
--d: "91";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1185057672);
}
.leaf:nth-child(93) {
--count: 43;
--ri: 3;
--i: 92;
--d: "92";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3233485988);
}
.leaf:nth-child(94) {
--count: 43;
--ri: 3;
--i: 93;
--d: "93";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.622855741);
}
.leaf:nth-child(95) {
--count: 43;
--ri: 3;
--i: 94;
--d: "94";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9563379437);
}
.leaf:nth-child(96) {
--count: 43;
--ri: 3;
--i: 95;
--d: "95";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5675594146);
}
.leaf:nth-child(97) {
--count: 43;
--ri: 3;
--i: 96;
--d: "96";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.943237327);
}
.leaf:nth-child(98) {
--count: 43;
--ri: 3;
--i: 97;
--d: "97";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7482487877);
}
.leaf:nth-child(99) {
--count: 43;
--ri: 3;
--i: 98;
--d: "98";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4718089017);
}
.leaf:nth-child(100) {
--count: 43;
--ri: 3;
--i: 99;
--d: "99";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8091646369);
}
.leaf:nth-child(101) {
--count: 43;
--ri: 3;
--i: 100;
--d: "100";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2044088603);
}
.leaf:nth-child(102) {
--count: 43;
--ri: 3;
--i: 101;
--d: "101";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7451554025);
}
.leaf:nth-child(103) {
--count: 43;
--ri: 3;
--i: 102;
--d: "102";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.324543432);
}
.leaf:nth-child(104) {
--count: 43;
--ri: 3;
--i: 103;
--d: "103";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6038624902);
}
.leaf:nth-child(105) {
--count: 43;
--ri: 3;
--i: 104;
--d: "104";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4468020809);
}
.leaf:nth-child(106) {
--count: 43;
--ri: 3;
--i: 105;
--d: "105";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0052873113);
}
.leaf:nth-child(107) {
--count: 54;
--ri: 4;
--i: 106;
--d: "106";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9801941201);
}
.leaf:nth-child(108) {
--count: 54;
--ri: 4;
--i: 107;
--d: "107";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4176713569);
}
.leaf:nth-child(109) {
--count: 54;
--ri: 4;
--i: 108;
--d: "108";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4841315051);
}
.leaf:nth-child(110) {
--count: 54;
--ri: 4;
--i: 109;
--d: "109";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2622538104);
}
.leaf:nth-child(111) {
--count: 54;
--ri: 4;
--i: 110;
--d: "110";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9444280198);
}
.leaf:nth-child(112) {
--count: 54;
--ri: 4;
--i: 111;
--d: "111";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0017823838);
}
.leaf:nth-child(113) {
--count: 54;
--ri: 4;
--i: 112;
--d: "112";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0910312488);
}
.leaf:nth-child(114) {
--count: 54;
--ri: 4;
--i: 113;
--d: "113";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9165300638);
}
.leaf:nth-child(115) {
--count: 54;
--ri: 4;
--i: 114;
--d: "114";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2881249429);
}
.leaf:nth-child(116) {
--count: 54;
--ri: 4;
--i: 115;
--d: "115";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9203823033);
}
.leaf:nth-child(117) {
--count: 54;
--ri: 4;
--i: 116;
--d: "116";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9157611668);
}
.leaf:nth-child(118) {
--count: 54;
--ri: 4;
--i: 117;
--d: "117";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4550000145);
}
.leaf:nth-child(119) {
--count: 54;
--ri: 4;
--i: 118;
--d: "118";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3967727109);
}
.leaf:nth-child(120) {
--count: 54;
--ri: 4;
--i: 119;
--d: "119";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5416088483);
}
.leaf:nth-child(121) {
--count: 54;
--ri: 4;
--i: 120;
--d: "120";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8051434365);
}
.leaf:nth-child(122) {
--count: 54;
--ri: 4;
--i: 121;
--d: "121";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3368863258);
}
.leaf:nth-child(123) {
--count: 54;
--ri: 4;
--i: 122;
--d: "122";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1896123195);
}
.leaf:nth-child(124) {
--count: 54;
--ri: 4;
--i: 123;
--d: "123";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7978535993);
}
.leaf:nth-child(125) {
--count: 54;
--ri: 4;
--i: 124;
--d: "124";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1343447305);
}
.leaf:nth-child(126) {
--count: 54;
--ri: 4;
--i: 125;
--d: "125";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1075900884);
}
.leaf:nth-child(127) {
--count: 54;
--ri: 4;
--i: 126;
--d: "126";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3466256042);
}
.leaf:nth-child(128) {
--count: 54;
--ri: 4;
--i: 127;
--d: "127";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5300886413);
}
.leaf:nth-child(129) {
--count: 54;
--ri: 4;
--i: 128;
--d: "128";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0896657042);
}
.leaf:nth-child(130) {
--count: 54;
--ri: 4;
--i: 129;
--d: "129";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4360595826);
}
.leaf:nth-child(131) {
--count: 54;
--ri: 4;
--i: 130;
--d: "130";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6155216497);
}
.leaf:nth-child(132) {
--count: 54;
--ri: 4;
--i: 131;
--d: "131";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2912415766);
}
.leaf:nth-child(133) {
--count: 54;
--ri: 4;
--i: 132;
--d: "132";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.409968156);
}
.leaf:nth-child(134) {
--count: 54;
--ri: 4;
--i: 133;
--d: "133";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3630973773);
}
.leaf:nth-child(135) {
--count: 54;
--ri: 4;
--i: 134;
--d: "134";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.761072011);
}
.leaf:nth-child(136) {
--count: 54;
--ri: 4;
--i: 135;
--d: "135";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0040481507);
}
.leaf:nth-child(137) {
--count: 54;
--ri: 4;
--i: 136;
--d: "136";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2327351515);
}
.leaf:nth-child(138) {
--count: 54;
--ri: 4;
--i: 137;
--d: "137";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6550513291);
}
.leaf:nth-child(139) {
--count: 54;
--ri: 4;
--i: 138;
--d: "138";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6249755862);
}
.leaf:nth-child(140) {
--count: 54;
--ri: 4;
--i: 139;
--d: "139";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9401738938);
}
.leaf:nth-child(141) {
--count: 54;
--ri: 4;
--i: 140;
--d: "140";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6035546899);
}
.leaf:nth-child(142) {
--count: 54;
--ri: 4;
--i: 141;
--d: "141";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8973960781);
}
.leaf:nth-child(143) {
--count: 54;
--ri: 4;
--i: 142;
--d: "142";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9066682091);
}
.leaf:nth-child(144) {
--count: 54;
--ri: 4;
--i: 143;
--d: "143";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9960842975);
}
.leaf:nth-child(145) {
--count: 54;
--ri: 4;
--i: 144;
--d: "144";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3758863223);
}
.leaf:nth-child(146) {
--count: 54;
--ri: 4;
--i: 145;
--d: "145";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2521503157);
}
.leaf:nth-child(147) {
--count: 54;
--ri: 4;
--i: 146;
--d: "146";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3227424728);
}
.leaf:nth-child(148) {
--count: 54;
--ri: 4;
--i: 147;
--d: "147";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.511420565);
}
.leaf:nth-child(149) {
--count: 54;
--ri: 4;
--i: 148;
--d: "148";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8713979801);
}
.leaf:nth-child(150) {
--count: 54;
--ri: 4;
--i: 149;
--d: "149";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0899996383);
}
.leaf:nth-child(151) {
--count: 54;
--ri: 4;
--i: 150;
--d: "150";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9643235964);
}
.leaf:nth-child(152) {
--count: 54;
--ri: 4;
--i: 151;
--d: "151";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9536525305);
}
.leaf:nth-child(153) {
--count: 54;
--ri: 4;
--i: 152;
--d: "152";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6308245526);
}
.leaf:nth-child(154) {
--count: 54;
--ri: 4;
--i: 153;
--d: "153";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.560348934);
}
.leaf:nth-child(155) {
--count: 54;
--ri: 4;
--i: 154;
--d: "154";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0066691812);
}
.leaf:nth-child(156) {
--count: 54;
--ri: 4;
--i: 155;
--d: "155";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.58620073);
}
.leaf:nth-child(157) {
--count: 54;
--ri: 4;
--i: 156;
--d: "156";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1566574474);
}
.leaf:nth-child(158) {
--count: 54;
--ri: 4;
--i: 157;
--d: "157";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2872720348);
}
.leaf:nth-child(159) {
--count: 54;
--ri: 4;
--i: 158;
--d: "158";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3814303556);
}
.leaf:nth-child(160) {
--count: 54;
--ri: 4;
--i: 159;
--d: "159";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7731540251);
}
.leaf:nth-child(161) {
--count: 65;
--ri: 5;
--i: 160;
--d: "160";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0194663687);
}
.leaf:nth-child(162) {
--count: 65;
--ri: 5;
--i: 161;
--d: "161";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6170969122);
}
.leaf:nth-child(163) {
--count: 65;
--ri: 5;
--i: 162;
--d: "162";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5300329725);
}
.leaf:nth-child(164) {
--count: 65;
--ri: 5;
--i: 163;
--d: "163";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2505765265);
}
.leaf:nth-child(165) {
--count: 65;
--ri: 5;
--i: 164;
--d: "164";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5432396898);
}
.leaf:nth-child(166) {
--count: 65;
--ri: 5;
--i: 165;
--d: "165";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6466737746);
}
.leaf:nth-child(167) {
--count: 65;
--ri: 5;
--i: 166;
--d: "166";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1177953028);
}
.leaf:nth-child(168) {
--count: 65;
--ri: 5;
--i: 167;
--d: "167";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9304139012);
}
.leaf:nth-child(169) {
--count: 65;
--ri: 5;
--i: 168;
--d: "168";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6545423128);
}
.leaf:nth-child(170) {
--count: 65;
--ri: 5;
--i: 169;
--d: "169";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1393335438);
}
.leaf:nth-child(171) {
--count: 65;
--ri: 5;
--i: 170;
--d: "170";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8223956372);
}
.leaf:nth-child(172) {
--count: 65;
--ri: 5;
--i: 171;
--d: "171";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2989282501);
}
.leaf:nth-child(173) {
--count: 65;
--ri: 5;
--i: 172;
--d: "172";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1956203086);
}
.leaf:nth-child(174) {
--count: 65;
--ri: 5;
--i: 173;
--d: "173";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4794304125);
}
.leaf:nth-child(175) {
--count: 65;
--ri: 5;
--i: 174;
--d: "174";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5292981318);
}
.leaf:nth-child(176) {
--count: 65;
--ri: 5;
--i: 175;
--d: "175";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9221817727);
}
.leaf:nth-child(177) {
--count: 65;
--ri: 5;
--i: 176;
--d: "176";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9118860459);
}
.leaf:nth-child(178) {
--count: 65;
--ri: 5;
--i: 177;
--d: "177";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1704685272);
}
.leaf:nth-child(179) {
--count: 65;
--ri: 5;
--i: 178;
--d: "178";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6408779607);
}
.leaf:nth-child(180) {
--count: 65;
--ri: 5;
--i: 179;
--d: "179";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6399571696);
}
.leaf:nth-child(181) {
--count: 65;
--ri: 5;
--i: 180;
--d: "180";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7902604832);
}
.leaf:nth-child(182) {
--count: 65;
--ri: 5;
--i: 181;
--d: "181";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3562791652);
}
.leaf:nth-child(183) {
--count: 65;
--ri: 5;
--i: 182;
--d: "182";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6999066365);
}
.leaf:nth-child(184) {
--count: 65;
--ri: 5;
--i: 183;
--d: "183";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9034351348);
}
.leaf:nth-child(185) {
--count: 65;
--ri: 5;
--i: 184;
--d: "184";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1929433257);
}
.leaf:nth-child(186) {
--count: 65;
--ri: 5;
--i: 185;
--d: "185";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3240819439);
}
.leaf:nth-child(187) {
--count: 65;
--ri: 5;
--i: 186;
--d: "186";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2137116228);
}
.leaf:nth-child(188) {
--count: 65;
--ri: 5;
--i: 187;
--d: "187";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3711274311);
}
.leaf:nth-child(189) {
--count: 65;
--ri: 5;
--i: 188;
--d: "188";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6845245057);
}
.leaf:nth-child(190) {
--count: 65;
--ri: 5;
--i: 189;
--d: "189";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.223199184);
}
.leaf:nth-child(191) {
--count: 65;
--ri: 5;
--i: 190;
--d: "190";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7528218372);
}
.leaf:nth-child(192) {
--count: 65;
--ri: 5;
--i: 191;
--d: "191";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4711294697);
}
.leaf:nth-child(193) {
--count: 65;
--ri: 5;
--i: 192;
--d: "192";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0546549676);
}
.leaf:nth-child(194) {
--count: 65;
--ri: 5;
--i: 193;
--d: "193";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6989115846);
}
.leaf:nth-child(195) {
--count: 65;
--ri: 5;
--i: 194;
--d: "194";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1008530789);
}
.leaf:nth-child(196) {
--count: 65;
--ri: 5;
--i: 195;
--d: "195";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1599212439);
}
.leaf:nth-child(197) {
--count: 65;
--ri: 5;
--i: 196;
--d: "196";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0713691463);
}
.leaf:nth-child(198) {
--count: 65;
--ri: 5;
--i: 197;
--d: "197";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0540189589);
}
.leaf:nth-child(199) {
--count: 65;
--ri: 5;
--i: 198;
--d: "198";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0679272531);
}
.leaf:nth-child(200) {
--count: 65;
--ri: 5;
--i: 199;
--d: "199";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8887598982);
}
.leaf:nth-child(201) {
--count: 65;
--ri: 5;
--i: 200;
--d: "200";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2896963195);
}
.leaf:nth-child(202) {
--count: 65;
--ri: 5;
--i: 201;
--d: "201";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9047564719);
}
.leaf:nth-child(203) {
--count: 65;
--ri: 5;
--i: 202;
--d: "202";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8211701489);
}
.leaf:nth-child(204) {
--count: 65;
--ri: 5;
--i: 203;
--d: "203";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0093595484);
}
.leaf:nth-child(205) {
--count: 65;
--ri: 5;
--i: 204;
--d: "204";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8061916556);
}
.leaf:nth-child(206) {
--count: 65;
--ri: 5;
--i: 205;
--d: "205";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0588834976);
}
.leaf:nth-child(207) {
--count: 65;
--ri: 5;
--i: 206;
--d: "206";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8392825428);
}
.leaf:nth-child(208) {
--count: 65;
--ri: 5;
--i: 207;
--d: "207";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1456403178);
}
.leaf:nth-child(209) {
--count: 65;
--ri: 5;
--i: 208;
--d: "208";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3754942774);
}
.leaf:nth-child(210) {
--count: 65;
--ri: 5;
--i: 209;
--d: "209";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3251391779);
}
.leaf:nth-child(211) {
--count: 65;
--ri: 5;
--i: 210;
--d: "210";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.873503116);
}
.leaf:nth-child(212) {
--count: 65;
--ri: 5;
--i: 211;
--d: "211";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1779527927);
}
.leaf:nth-child(213) {
--count: 65;
--ri: 5;
--i: 212;
--d: "212";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5635566752);
}
.leaf:nth-child(214) {
--count: 65;
--ri: 5;
--i: 213;
--d: "213";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3630566295);
}
.leaf:nth-child(215) {
--count: 65;
--ri: 5;
--i: 214;
--d: "214";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8128191264);
}
.leaf:nth-child(216) {
--count: 65;
--ri: 5;
--i: 215;
--d: "215";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5021630899);
}
.leaf:nth-child(217) {
--count: 65;
--ri: 5;
--i: 216;
--d: "216";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7837750883);
}
.leaf:nth-child(218) {
--count: 65;
--ri: 5;
--i: 217;
--d: "217";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.380019988);
}
.leaf:nth-child(219) {
--count: 65;
--ri: 5;
--i: 218;
--d: "218";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7145526261);
}
.leaf:nth-child(220) {
--count: 65;
--ri: 5;
--i: 219;
--d: "219";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5652053181);
}
.leaf:nth-child(221) {
--count: 65;
--ri: 5;
--i: 220;
--d: "220";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.756568485);
}
.leaf:nth-child(222) {
--count: 65;
--ri: 5;
--i: 221;
--d: "221";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0372538486);
}
.leaf:nth-child(223) {
--count: 65;
--ri: 5;
--i: 222;
--d: "222";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6361921301);
}
.leaf:nth-child(224) {
--count: 65;
--ri: 5;
--i: 223;
--d: "223";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6074442121);
}
.leaf:nth-child(225) {
--count: 65;
--ri: 5;
--i: 224;
--d: "224";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4082823162);
}
.leaf:nth-child(226) {
--count: 76;
--ri: 6;
--i: 225;
--d: "225";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2563254262);
}
.leaf:nth-child(227) {
--count: 76;
--ri: 6;
--i: 226;
--d: "226";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1729090427);
}
.leaf:nth-child(228) {
--count: 76;
--ri: 6;
--i: 227;
--d: "227";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2896987828);
}
.leaf:nth-child(229) {
--count: 76;
--ri: 6;
--i: 228;
--d: "228";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2890650848);
}
.leaf:nth-child(230) {
--count: 76;
--ri: 6;
--i: 229;
--d: "229";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6006559638);
}
.leaf:nth-child(231) {
--count: 76;
--ri: 6;
--i: 230;
--d: "230";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1913817771);
}
.leaf:nth-child(232) {
--count: 76;
--ri: 6;
--i: 231;
--d: "231";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0633215512);
}
.leaf:nth-child(233) {
--count: 76;
--ri: 6;
--i: 232;
--d: "232";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0987224729);
}
.leaf:nth-child(234) {
--count: 76;
--ri: 6;
--i: 233;
--d: "233";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8661012937);
}
.leaf:nth-child(235) {
--count: 76;
--ri: 6;
--i: 234;
--d: "234";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7318274216);
}
.leaf:nth-child(236) {
--count: 76;
--ri: 6;
--i: 235;
--d: "235";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2519416266);
}
.leaf:nth-child(237) {
--count: 76;
--ri: 6;
--i: 236;
--d: "236";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6898268635);
}
.leaf:nth-child(238) {
--count: 76;
--ri: 6;
--i: 237;
--d: "237";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6680558932);
}
.leaf:nth-child(239) {
--count: 76;
--ri: 6;
--i: 238;
--d: "238";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9469706836);
}
.leaf:nth-child(240) {
--count: 76;
--ri: 6;
--i: 239;
--d: "239";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6290624683);
}
.leaf:nth-child(241) {
--count: 76;
--ri: 6;
--i: 240;
--d: "240";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2249641178);
}
.leaf:nth-child(242) {
--count: 76;
--ri: 6;
--i: 241;
--d: "241";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2687197638);
}
.leaf:nth-child(243) {
--count: 76;
--ri: 6;
--i: 242;
--d: "242";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3549885506);
}
.leaf:nth-child(244) {
--count: 76;
--ri: 6;
--i: 243;
--d: "243";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5530186591);
}
.leaf:nth-child(245) {
--count: 76;
--ri: 6;
--i: 244;
--d: "244";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4505013772);
}
.leaf:nth-child(246) {
--count: 76;
--ri: 6;
--i: 245;
--d: "245";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9408933835);
}
.leaf:nth-child(247) {
--count: 76;
--ri: 6;
--i: 246;
--d: "246";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7407850511);
}
.leaf:nth-child(248) {
--count: 76;
--ri: 6;
--i: 247;
--d: "247";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0203464738);
}
.leaf:nth-child(249) {
--count: 76;
--ri: 6;
--i: 248;
--d: "248";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1643630923);
}
.leaf:nth-child(250) {
--count: 76;
--ri: 6;
--i: 249;
--d: "249";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4571306431);
}
.leaf:nth-child(251) {
--count: 76;
--ri: 6;
--i: 250;
--d: "250";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6383926003);
}
.leaf:nth-child(252) {
--count: 76;
--ri: 6;
--i: 251;
--d: "251";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9708362127);
}
.leaf:nth-child(253) {
--count: 76;
--ri: 6;
--i: 252;
--d: "252";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7417368957);
}
.leaf:nth-child(254) {
--count: 76;
--ri: 6;
--i: 253;
--d: "253";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0129698835);
}
.leaf:nth-child(255) {
--count: 76;
--ri: 6;
--i: 254;
--d: "254";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9733249659);
}
.leaf:nth-child(256) {
--count: 76;
--ri: 6;
--i: 255;
--d: "255";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8003256837);
}
.leaf:nth-child(257) {
--count: 76;
--ri: 6;
--i: 256;
--d: "256";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.867325135);
}
.leaf:nth-child(258) {
--count: 76;
--ri: 6;
--i: 257;
--d: "257";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7321961223);
}
.leaf:nth-child(259) {
--count: 76;
--ri: 6;
--i: 258;
--d: "258";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6758666764);
}
.leaf:nth-child(260) {
--count: 76;
--ri: 6;
--i: 259;
--d: "259";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2418823534);
}
.leaf:nth-child(261) {
--count: 76;
--ri: 6;
--i: 260;
--d: "260";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1003429601);
}
.leaf:nth-child(262) {
--count: 76;
--ri: 6;
--i: 261;
--d: "261";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6345383571);
}
.leaf:nth-child(263) {
--count: 76;
--ri: 6;
--i: 262;
--d: "262";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3541814569);
}
.leaf:nth-child(264) {
--count: 76;
--ri: 6;
--i: 263;
--d: "263";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1997476848);
}
.leaf:nth-child(265) {
--count: 76;
--ri: 6;
--i: 264;
--d: "264";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8926312008);
}
.leaf:nth-child(266) {
--count: 76;
--ri: 6;
--i: 265;
--d: "265";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5618542086);
}
.leaf:nth-child(267) {
--count: 76;
--ri: 6;
--i: 266;
--d: "266";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3857557287);
}
.leaf:nth-child(268) {
--count: 76;
--ri: 6;
--i: 267;
--d: "267";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7915545831);
}
.leaf:nth-child(269) {
--count: 76;
--ri: 6;
--i: 268;
--d: "268";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0648755809);
}
.leaf:nth-child(270) {
--count: 76;
--ri: 6;
--i: 269;
--d: "269";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1318823592);
}
.leaf:nth-child(271) {
--count: 76;
--ri: 6;
--i: 270;
--d: "270";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4199262956);
}
.leaf:nth-child(272) {
--count: 76;
--ri: 6;
--i: 271;
--d: "271";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8494373769);
}
.leaf:nth-child(273) {
--count: 76;
--ri: 6;
--i: 272;
--d: "272";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8618937785);
}
.leaf:nth-child(274) {
--count: 76;
--ri: 6;
--i: 273;
--d: "273";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4135665313);
}
.leaf:nth-child(275) {
--count: 76;
--ri: 6;
--i: 274;
--d: "274";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1807402414);
}
.leaf:nth-child(276) {
--count: 76;
--ri: 6;
--i: 275;
--d: "275";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4748955032);
}
.leaf:nth-child(277) {
--count: 76;
--ri: 6;
--i: 276;
--d: "276";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4225295015);
}
.leaf:nth-child(278) {
--count: 76;
--ri: 6;
--i: 277;
--d: "277";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.609837553);
}
.leaf:nth-child(279) {
--count: 76;
--ri: 6;
--i: 278;
--d: "278";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.440299886);
}
.leaf:nth-child(280) {
--count: 76;
--ri: 6;
--i: 279;
--d: "279";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5123079351);
}
.leaf:nth-child(281) {
--count: 76;
--ri: 6;
--i: 280;
--d: "280";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7135065841);
}
.leaf:nth-child(282) {
--count: 76;
--ri: 6;
--i: 281;
--d: "281";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7626941804);
}
.leaf:nth-child(283) {
--count: 76;
--ri: 6;
--i: 282;
--d: "282";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7028611218);
}
.leaf:nth-child(284) {
--count: 76;
--ri: 6;
--i: 283;
--d: "283";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0446886862);
}
.leaf:nth-child(285) {
--count: 76;
--ri: 6;
--i: 284;
--d: "284";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7946284026);
}
.leaf:nth-child(286) {
--count: 76;
--ri: 6;
--i: 285;
--d: "285";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2048044162);
}
.leaf:nth-child(287) {
--count: 76;
--ri: 6;
--i: 286;
--d: "286";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8255378881);
}
.leaf:nth-child(288) {
--count: 76;
--ri: 6;
--i: 287;
--d: "287";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.898511295);
}
.leaf:nth-child(289) {
--count: 76;
--ri: 6;
--i: 288;
--d: "288";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1845077781);
}
.leaf:nth-child(290) {
--count: 76;
--ri: 6;
--i: 289;
--d: "289";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6578756919);
}
.leaf:nth-child(291) {
--count: 76;
--ri: 6;
--i: 290;
--d: "290";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3128553269);
}
.leaf:nth-child(292) {
--count: 76;
--ri: 6;
--i: 291;
--d: "291";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6430952391);
}
.leaf:nth-child(293) {
--count: 76;
--ri: 6;
--i: 292;
--d: "292";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9312507813);
}
.leaf:nth-child(294) {
--count: 76;
--ri: 6;
--i: 293;
--d: "293";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0169893976);
}
.leaf:nth-child(295) {
--count: 76;
--ri: 6;
--i: 294;
--d: "294";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3508967619);
}
.leaf:nth-child(296) {
--count: 76;
--ri: 6;
--i: 295;
--d: "295";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.942600288);
}
.leaf:nth-child(297) {
--count: 76;
--ri: 6;
--i: 296;
--d: "296";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2991801351);
}
.leaf:nth-child(298) {
--count: 76;
--ri: 6;
--i: 297;
--d: "297";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1885610367);
}
.leaf:nth-child(299) {
--count: 76;
--ri: 6;
--i: 298;
--d: "298";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.371558029);
}
.leaf:nth-child(300) {
--count: 76;
--ri: 6;
--i: 299;
--d: "299";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1026511239);
}
.leaf:nth-child(301) {
--count: 76;
--ri: 6;
--i: 300;
--d: "300";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9907659388);
}
.leaf:nth-child(302) {
--count: 87;
--ri: 7;
--i: 301;
--d: "301";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4375284658);
}
.leaf:nth-child(303) {
--count: 87;
--ri: 7;
--i: 302;
--d: "302";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3466031769);
}
.leaf:nth-child(304) {
--count: 87;
--ri: 7;
--i: 303;
--d: "303";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1476092403);
}
.leaf:nth-child(305) {
--count: 87;
--ri: 7;
--i: 304;
--d: "304";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3658369794);
}
.leaf:nth-child(306) {
--count: 87;
--ri: 7;
--i: 305;
--d: "305";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9298594661);
}
.leaf:nth-child(307) {
--count: 87;
--ri: 7;
--i: 306;
--d: "306";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2862530135);
}
.leaf:nth-child(308) {
--count: 87;
--ri: 7;
--i: 307;
--d: "307";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4298000069);
}
.leaf:nth-child(309) {
--count: 87;
--ri: 7;
--i: 308;
--d: "308";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2512640812);
}
.leaf:nth-child(310) {
--count: 87;
--ri: 7;
--i: 309;
--d: "309";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8773770082);
}
.leaf:nth-child(311) {
--count: 87;
--ri: 7;
--i: 310;
--d: "310";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3432031414);
}
.leaf:nth-child(312) {
--count: 87;
--ri: 7;
--i: 311;
--d: "311";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3377290894);
}
.leaf:nth-child(313) {
--count: 87;
--ri: 7;
--i: 312;
--d: "312";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.867074404);
}
.leaf:nth-child(314) {
--count: 87;
--ri: 7;
--i: 313;
--d: "313";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8858994087);
}
.leaf:nth-child(315) {
--count: 87;
--ri: 7;
--i: 314;
--d: "314";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2453872844);
}
.leaf:nth-child(316) {
--count: 87;
--ri: 7;
--i: 315;
--d: "315";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.219515506);
}
.leaf:nth-child(317) {
--count: 87;
--ri: 7;
--i: 316;
--d: "316";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7750918393);
}
.leaf:nth-child(318) {
--count: 87;
--ri: 7;
--i: 317;
--d: "317";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3838150305);
}
.leaf:nth-child(319) {
--count: 87;
--ri: 7;
--i: 318;
--d: "318";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9551708639);
}
.leaf:nth-child(320) {
--count: 87;
--ri: 7;
--i: 319;
--d: "319";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3848861312);
}
.leaf:nth-child(321) {
--count: 87;
--ri: 7;
--i: 320;
--d: "320";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9437828901);
}
.leaf:nth-child(322) {
--count: 87;
--ri: 7;
--i: 321;
--d: "321";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7931508591);
}
.leaf:nth-child(323) {
--count: 87;
--ri: 7;
--i: 322;
--d: "322";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5718680672);
}
.leaf:nth-child(324) {
--count: 87;
--ri: 7;
--i: 323;
--d: "323";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1672678267);
}
.leaf:nth-child(325) {
--count: 87;
--ri: 7;
--i: 324;
--d: "324";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2585947451);
}
.leaf:nth-child(326) {
--count: 87;
--ri: 7;
--i: 325;
--d: "325";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5447429678);
}
.leaf:nth-child(327) {
--count: 87;
--ri: 7;
--i: 326;
--d: "326";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6188477275);
}
.leaf:nth-child(328) {
--count: 87;
--ri: 7;
--i: 327;
--d: "327";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0343587893);
}
.leaf:nth-child(329) {
--count: 87;
--ri: 7;
--i: 328;
--d: "328";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8248477659);
}
.leaf:nth-child(330) {
--count: 87;
--ri: 7;
--i: 329;
--d: "329";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4010907189);
}
.leaf:nth-child(331) {
--count: 87;
--ri: 7;
--i: 330;
--d: "330";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7587988156);
}
.leaf:nth-child(332) {
--count: 87;
--ri: 7;
--i: 331;
--d: "331";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6588165747);
}
.leaf:nth-child(333) {
--count: 87;
--ri: 7;
--i: 332;
--d: "332";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4115782643);
}
.leaf:nth-child(334) {
--count: 87;
--ri: 7;
--i: 333;
--d: "333";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2626655276);
}
.leaf:nth-child(335) {
--count: 87;
--ri: 7;
--i: 334;
--d: "334";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0215641858);
}
.leaf:nth-child(336) {
--count: 87;
--ri: 7;
--i: 335;
--d: "335";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0520280995);
}
.leaf:nth-child(337) {
--count: 87;
--ri: 7;
--i: 336;
--d: "336";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9531136539);
}
.leaf:nth-child(338) {
--count: 87;
--ri: 7;
--i: 337;
--d: "337";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3534938695);
}
.leaf:nth-child(339) {
--count: 87;
--ri: 7;
--i: 338;
--d: "338";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3179919053);
}
.leaf:nth-child(340) {
--count: 87;
--ri: 7;
--i: 339;
--d: "339";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.8372120242);
}
.leaf:nth-child(341) {
--count: 87;
--ri: 7;
--i: 340;
--d: "340";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.0461090144);
}
.leaf:nth-child(342) {
--count: 87;
--ri: 7;
--i: 341;
--d: "341";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6192114397);
}
.leaf:nth-child(343) {
--count: 87;
--ri: 7;
--i: 342;
--d: "342";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5695935442);
}
.leaf:nth-child(344) {
--count: 87;
--ri: 7;
--i: 343;
--d: "343";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6857665446);
}
.leaf:nth-child(345) {
--count: 87;
--ri: 7;
--i: 344;
--d: "344";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.7373705065);
}
.leaf:nth-child(346) {
--count: 87;
--ri: 7;
--i: 345;
--d: "345";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4569390997);
}
.leaf:nth-child(347) {
--count: 87;
--ri: 7;
--i: 346;
--d: "346";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3377696285);
}
.leaf:nth-child(348) {
--count: 87;
--ri: 7;
--i: 347;
--d: "347";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.2300596431);
}
.leaf:nth-child(349) {
--count: 87;
--ri: 7;
--i: 348;
--d: "348";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.3318618655);
}
.leaf:nth-child(350) {
--count: 87;
--ri: 7;
--i: 349;
--d: "349";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6969197094);
}
.leaf:nth-child(351) {
--count: 87;
--ri: 7;
--i: 350;
--d: "350";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9442333501);
}
.leaf:nth-child(352) {
--count: 87;
--ri: 7;
--i: 351;
--d: "351";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.9399340457);
}
.leaf:nth-child(353) {
--count: 87;
--ri: 7;
--i: 352;
--d: "352";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6256114656);
}
.leaf:nth-child(354) {
--count: 87;
--ri: 7;
--i: 353;
--d: "353";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.5291097154);
}
.leaf:nth-child(355) {
--count: 87;
--ri: 7;
--i: 354;
--d: "354";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.959918825);
}
.leaf:nth-child(356) {
--count: 87;
--ri: 7;
--i: 355;
--d: "355";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.6143140333);
}
.leaf:nth-child(357) {
--count: 87;
--ri: 7;
--i: 356;
--d: "356";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.4013646437);
}
.leaf:nth-child(358) {
--count: 87;
--ri: 7;
--i: 357;
--d: "357";
--delay: calc(0.6s * var(--ri) + 0.9s * 0.1760748298);
}
.leaf:nth-child(359) {
--count: 87;
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0