css+div实现人类遥看宇宙之梦动画效果代码
代码语言：html
所属分类：动画
代码描述：css+div实现人类遥看宇宙之梦动画效果代码，可开启背景音乐。
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/normalize.5.0.css">
<style>
@charset "UTF-8";
@layer tokens {
:root {
--color-primary: rgba(220, 219, 219, 0.78);
--color-surface: #242425;
--time: 24s;
}
}
@property --shadow-color {
syntax: "<color>";
initial-value: transparent;
inherits: true;
}
@layer stars {
.stars {
position: absolute;
width: 100vmax;
height: 100vmax;
}
.stars:before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
filter: url(#stars) saturate(0) brightness(1.5);
mix-blend-mode: overlay;
opacity: 0.15;
-webkit-animation: stars-animation 20s ease-in-out infinite;
animation: stars-animation 20s ease-in-out infinite;
}
.stars-highlights {
position: absolute;
width: 100vw;
height: 100vh;
opacity: 0.6;
}
.stars-highlights:before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
filter: url(#stars-highlights) saturate(0) brightness(1.5);
mix-blend-mode: lighten;
opacity: 0.2;
-webkit-animation: stars-animation-2 20s ease-in-out infinite;
animation: stars-animation-2 20s ease-in-out infinite;
}
@-webkit-keyframes stars-animation {
from {
translate: 1vmin 2vmin;
rotate: 0deg;
}
30% {
translate: 1vmin -2vmin;
}
50% {
translate: -1vmin 2vmin;
rotate: 10deg;
}
to {
translate: 1vmin 2vmin;
rotate: 0deg;
}
}
@keyframes stars-animation {
from {
translate: 1vmin 2vmin;
rotate: 0deg;
}
30% {
translate: 1vmin -2vmin;
}
50% {
translate: -1vmin 2vmin;
rotate: 10deg;
}
to {
translate: 1vmin 2vmin;
rotate: 0deg;
}
}
@-webkit-keyframes stars-animation-2 {
from {
translate: 1vmin -2vmin;
}
30% {
translate: -1vmin -2vmin;
}
50% {
translate: 1vmin -2vmin;
}
to {
translate: 1vmin -2vmin;
}
}
@keyframes stars-animation-2 {
from {
translate: 1vmin -2vmin;
}
30% {
translate: -1vmin -2vmin;
}
50% {
translate: 1vmin -2vmin;
}
to {
translate: 1vmin -2vmin;
}
}
.startails {
position: absolute;
inset: 0;
opacity: 0.6;
}
.startails > div {
--distance: 20vmax;
border-radius: 50%;
width: 0.55vmax;
aspect-ratio: 3/1;
background: white;
translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
opacity: 0;
-webkit-animation: startails-animation 10s calc(var(--delay) * var(--time) * 6) linear infinite;
animation: startails-animation 10s calc(var(--delay) * var(--time) * 6) linear infinite;
box-shadow: 0 0 0.2vmax white;
}
.startails > div:nth-of-type(1) {
--x: 0.8108392513;
--y: 0.2400027911;
--x2: -0.2577089309;
--y2: 0.1934383749;
--delay: 0.5783652195;
}
.startails > div:nth-of-type(2) {
--x: 0.6422400625;
--y: 0.11554588;
--x2: -0.483125956;
--y2: 0.2779505099;
--delay: 0.1263099774;
}
.startails > div:nth-of-type(3) {
--x: 0.7972085827;
--y: 0.2210068673;
--x2: -0.428607118;
--y2: -0.0407442603;
--delay: 0.5841916736;
}
.startails > div:nth-of-type(4) {
--x: 0.6099881178;
--y: 0.8993767179;
--x2: -0.0671498678;
--y2: -0.4311608554;
--delay: 0.8256787863;
}
.startails > div:nth-of-type(5) {
--x: 0.8650846602;
--y: 0.4693907433;
--x2: -0.4114914294;
--y2: 0.276653845;
--delay: 0.379784905;
}
.startails > div:nth-of-type(6) {
--x: 0.025639045;
--y: 0.2998302794;
--x2: 0.2098466158;
--y2: 0.4293130732;
--delay: 0.6910503994;
}
.startails > div:nth-of-type(7) {
--x: 0.0423333566;
--y: 0.6476069788;
--x2: 0.207914603;
--y2: 0.2445314743;
--delay: 0.8032257287;
}
.startails > div:nth-of-type(8) {
--x: 0.9611295926;
--y: 0.8189962723;
--x2: -0.290829054;
--y2: -0.2441469853;
--delay: 0.468055965;
}
.startails > div:nth-of-type(9) {
--x: 0.1903913497;
--y: 0.80318686;
--x2: 0.221237811;
--y2: -0.1245601079;
--delay: 0.2531812901;
}
.startails > div:nth-of-type(10) {
--x: 0.5683675343;
--y: 0.9549196633;
--x2: 0.1887413066;
--y2: -0.033137059;
--delay: 0.7869781324;
}
.startails > div:nth-of-type(11) {
--x: 0.1745504203;
--y: 0.5911420211;
--x2: -0.0269514607;
--y2: 0.4506091015;
--delay: 0.0700802336;
}
.startails > div:nth-of-type(12) {
--x: 0.1974757909;
--y: 0.0751985265;
--x2: -0.3662912827;
--y2: -0.1125156496;
--delay: 0.9355599501;
}
.startails > div:nth-of-type(13) {
--x: 0.4174571422;
--y: 0.7751015775;
--x2: -0.2022727874;
--y2: -0.132769605;
--delay: 0.8828008118;
}
.startails > div:nth-of-type(14) {
--x: 0.2995174564;
--y: 0.1894301038;
--x2: -0.1093494777;
--y2: 0.0125943233;
--delay: 0.9148904146;
}
.startails > div:nth-of-type(15) {
--x: 0.9390718004;
--y: 0.1850669105;
--x2: 0.4690824929;
--y2: -0.4508422781;
--delay: 0.0082728819;
}
.startails > div:nth-of-type(16) {
--x: 0.3142015038;
--y: 0.9647273811;
--x2: 0.1347399973;
--y2: 0.2315238639;
--delay: 0.0619940864;
}
.startails > div:nth-of-type(17) {
--x: 0.7828620832;
--y: 0.6232741409;
--x2: 0.2804601864;
--y2: -0.3860869084;
--delay: 0.3209902685;
}
.startails > div:nth-of-type(18) {
--x: 0.3733420779;
--y: 0.3234098093;
--x2: 0.2568825244;
--y2: 0.0054810133;
--delay: 0.8199605426;
}
.startails > div:nth-of-type(19) {
--x: 0.8537679959;
--y: 0.0888454131;
--x2: 0.0152532234;
--y2: 0.1383885398;
--delay: 0.2016161769;
}
.startails > div:nth-of-type(20) {
--x: 0.3363158423;
--y: 0.4122890402;
--x2: 0.4983409345;
--y2: -0.3583054904;
--delay: 0.7883522594;
}
.startails > div:nth-of-type(21) {
--x: 0.0392392095;
--y: 0.0686095121;
--x2: 0.3500964353;
--y2: 0.0472134669;
--delay: 0.8164407632;
}
.startails > div:nth-of-type(22) {
--x: 0.7340849219;
--y: 0.0128065483;
--x2: 0.4971378185;
--y2: -0.365660087;
--delay: 0.6809113563;
}
.startails > div:nth-of-type(23) {
--x: 0.979598802;
--y: 0.9897216106;
--x2: 0.2947972775;
--y2: -0.3526703028;
--delay: 0.2309169573;
}
.startails > div:nth-of-type(24) {
--x: 0.1462981011;
--y: 0.0893288205;
--x2: -0.3692507656;
--y2: 0.3340796093;
--delay: 0.0358023633;
}
.startails > div:nth-of-type(25) {
--x: 0.3656389299;
--y: 0.5813557584;
--x2: 0.0104097481;
--y2: 0.1007654144;
--delay: 0.0300889149;
}
.startails > div:nth-of-type(26) {
--x: 0.6678191047;
--y: 0.3586055405;
--x2: -0.2755444309;
--y2: 0.2569458054;
--delay: 0.608156608;
}
.startails > div:nth-of-type(27) {
--x: 0.1475348006;
--y: 0.0233497503;
--x2: 0.2223618742;
--y2: 0.0843752811;
--delay: 0.1932557952;
}
.startails > div:nth-of-type(28) {
--x: 0.5405581016;
--y: 0.8281184325;
--x2: 0.2511991979;
--y2: 0.0579201716;
--delay: 0.8302413943;
}
.startails > div:nth-of-type(29) {
--x: 0.540555629;
--y: 0.7290180642;
--x2: -0.4210501737;
--y2: -0.1272243327;
--delay: 0.8279302831;
}
.startails > div:nth-of-type(30) {
--x: 0.8614465151;
--y: 0.6917042308;
--x2: -0.1426483137;
--y2: -0.1730141966;
--delay: 0.0009394926;
}
.startails > div:nth-of-type(31) {
--x: 0.5344175325;
--y: 0.2272409107;
--x2: 0.1028721522;
--y2: 0.494928881;
--delay: 0.427664046;
}
.startails > div:nth-of-type(32) {
--x: 0.6553094093;
--y: 0.9618575218;
--x2: -0.0398189853;
--y2: -0.0539872712;
--delay: 0.4169874701;
}
.startails > div:nth-of-type(33) {
--x: 0.5281963489;
--y: 0.8749794862;
--x2: -0.0081456727;
--y2: 0.2188240411;
--delay: 0.4678673382;
}
.startails > div:nth-of-type(34) {
--x: 0.1566364961;
--y: 0.7913446623;
--x2: -0.1795732153;
--y2: 0.2450696408;
--delay: 0.1197992498;
}
.startails > div:nth-of-type(35) {
--x: 0.3023006584;
--y: 0.4754790522;
--x2: -0.4130437213;
--y2: 0.2175864988;
--delay: 0.4554074804;
}
.startails > div:nth-of-type(36) {
--x: 0.506772884;
--y: 0.5933559521;
--x2: 0.119614188;
--y2: -0.0323709851;
--delay: 0.8231146613;
}
.startails > div:nth-of-type(37) {
--x: 0.2936514875;
--y: 0.2857995273;
--x2: 0.4107182049;
--y2: 0.2467905428;
--delay: 0.1280780392;
}
.startails > div:nth-of-type(38) {
--x: 0.416297199;
--y: 0.8993640642;
--x2: -0.2761009084;
--y2: -0.3005774113;
--delay: 0.2754347682;
}
.startails > div:nth-of-type(39) {
--x: 0.039896335;
--y: 0.820408332;
--x2: -0.1143352117;
--y2: 0.2037432215;
--delay: 0.1032029153;
}
.startails > div:nth-of-type(40) {
--x: 0.6687801996;
--y: 0.2899655169;
--x2: -0.1311478916;
--y2: 0.2113605301;
--delay: 0.8937993109;
}
.startails > div:nth-of-type(41) {
--x: 0.7277727773;
--y: 0.0567218541;
--x2: -0.0038926845;
--y2: -0.2366701127;
--delay: 0.5647588582;
}
.startails > div:nth-of-type(42) {
--x: 0.3282993144;
--y: 0.3145820262;
--x2: -0.1275441219;
--y2: -0.066551044;
--delay: 0.5055281747;
}
.startails > div:nth-of-type(43) {
--x: 0.4387823354;
--y: 0.7720165723;
--x2: 0.2391952317;
--y2: 0.4580995505;
--delay: 0.0818088486;
}
.startails > div:nth-of-type(44) {
--x: 0.590949426;
--y: 0.4702432694;
--x2: 0.1076635665;
--y2: -0.1364193265;
--delay: 0.4267352427;
}
.startails > div:nth-of-type(45) {
--x: 0.2933399987;
--y: 0.2580149193;
--x2: -0.0070908707;
--y2: -0.324987046;
--delay: 0.302474275;
}
.startails > div:nth-of-type(46) {
--x: 0.2204685054;
--y: 0.6951810157;
--x2: -0.0926399264;
--y2: -0.072205385;
--delay: 0.9193049588;
}
.startails > div:nth-of-type(47) {
--x: 0.6011268395;
--y: 0.3342612759;
--x2: -0.3104745164;
--y2: 0.0127596736;
--delay: 0.3220516302;
}
.startails > div:nth-of-type(48) {
--x: 0.2798998066;
--y: 0.5052711881;
--x2: 0.2310250392;
--y2: -0.2157951059;
--delay: 0.1998860542;
}
.startails > div:nth-of-type(49) {
--x: 0.1345165645;
--y: 0.1309152726;
--x2: 0.4474294118;
--y2: -0.2641497928;
--delay: 0.0042894855;
}
.startails > div:nth-of-type(50) {
--x: 0.5102344736;
--y: 0.482102022;
--x2: -0.1533979618;
--y2: 0.4006247247;
--delay: 0.9131423645;
}
.startails > div:nth-of-type(51) {
--x: 0.6155225195;
--y: 0.4389822311;
--x2: 0.3187818809;
--y2: -0.4384491824;
--delay: 0.7376194459;
}
.startails > div:nth-of-type(52) {
--x: 0.9758440732;
--y: 0.9642201529;
--x2: -0.1098944634;
--y2: 0.1338250894;
--delay: 0.8980777433;
}
.startails > div:nth-of-type(53) {
--x: 0.8836689476;
--y: 0.8798013162;
--x2: -0.1283978987;
--y2: 0.2749492491;
--delay: 0.5692323488;
}
.startails > div:nth-of-type(54) {
--x: 0.6905119839;
--y: 0.3992519404;
--x2: 0.3329657334;
--y2: -0.4817475417;
--delay: 0.7321767113;
}
.startails > div:nth-of-type(55) {
--x: 0.7682683614;
--y: 0.8684859049;
--x2: 0.1444790056;
--y2: -0.3229477399;
--delay: 0.8458881474;
}
.startails > div:nth-of-type(56) {
--x: 0.3498942664;
--y: 0.3594947081;
--x2: 0.2049343222;
--y2: -0.4933086737;
--delay: 0.6047601919;
}
.startails > div:nth-of-type(57) {
--x: 0.2389925582;
--y: 0.8775582299;
--x2: 0.1677110751;
--y2: 0.4264133756;
--delay: 0.1172920883;
}
.startails > div:nth-of-type(58) {
--x: 0.7249242391;
--y: 0.7892481737;
--x2: 0.2300404056;
--y2: 0.4443517333;
--delay: 0.8954280233;
}
.startails > div:nth-of-type(59) {
--x: 0.0178276076;
--y: 0.9242141135;
--x2: 0.1672108484;
--y2: 0.3966382313;
--delay: 0.9077592674;
}
.startails > div:nth-of-type(60) {
--x: 0.6554478966;
--y: 0.5898305049;
--x2: 0.2373212045;
--y2: 0.2417289726;
--delay: 0.2097574717;
}
.startails > div:nth-of-type(61) {
--x: 0.5819091016;
--y: 0.1402969046;
--x2: 0.0084895143;
--y2: -0.0518555848;
--delay: 0.2005505281;
}
.startails > div:nth-of-type(62) {
--x: 0.1223207634;
--y: 0.1752462352;
--x2: 0.4107280796;
--y2: 0.1567172324;
--delay: 0.4064473106;
}
.startails > div:nth-of-type(63) {
--x: 0.1874782041;
--y: 0.8615636981;
--x2: -0.2988820374;
--y2: -0.0763518198;
--delay: 0.077068603;
}
.startails > div:nth-of-type(64) {
--x: 0.6052086622;
--y: 0.7081916783;
--x2: 0.2541189113;
--y2: -0.1813418689;
--delay: 0.1364391434;
}
.startails > div:nth-of-type(65) {
--x: 0.3445471672;
--y: 0.5519341294;
--x2: -0.2869043481;
--y2: 0.4243033339;
--delay: 0.1286770082;
}
.startails > div:nth-of-type(66) {
--x: 0.4887742805;
--y: 0.4117249645;
--x2: -0.3511255745;
--y2: -0.3549503785;
--delay: 0.6049646856;
}
.startails > div:nth-of-type(67) {
--x: 0.8981910908;
--y: 0.956094957;
--x2: 0.2704883609;
--y2: -0.4326059666;
--delay: 0.3312297467;
}
.startails > div:nth-of-type(68) {
--x: 0.4395224565;
--y: 0.3012231469;
--x2: -0.0088134705;
--y2: 0.311471581;
--delay: 0.7420264557;
}
.startails > div:nth-of-type(69) {
--x: 0.991439272;
--y: 0.8256518256;
--x2: -0.4703357029;
--y2: -0.1420082378;
--delay: 0.5885932197;
}
.startails > div:nth-of-type(70) {
--x: 0.7196659182;
--y: 0.9446732777;
--x2: -0.3408824944;
--y2: -0.2644082433;
--delay: 0.332267792;
}
.startails > div:nth-of-type(71) {
--x: 0.9109743978;
--y: 0.4432812456;
--x2: -0.1139340426;
--y2: 0.1311615343;
--delay: 0.515166432;
}
.startails > div:nth-of-type(72) {
--x: 0.0677052819;
--y: 0.0567609113;
--x2: -0.2376756235;
--y2: 0.344182561;
--delay: 0.1749145649;
}
.startails > div:nth-of-type(73) {
--x: 0.5375545848;
--y: 0.2375279753;
--x2: 0.080178515;
--y2: 0.3021322959;
--delay: 0.8801479007;
}
.startails > div:nth-of-type(74) {
--x: 0.066525485;
--y: 0.5937781891;
--x2: 0.1159880258;
--y2: 0.4766137599;
--delay: 0.0815719903;
}
.startails > div:nth-of-type(75) {
--x: 0.8284564058;
--y: 0.8968234512;
--x2: 0.3099920744;
--y2: -0.4963552756;
--delay: 0.6873392315;
}
.startails > div:nth-of-type(76) {
--x: 0.507130165;
--y: 0.3728358981;
--x2: -0.2830391036;
--y2: 0.0401037795;
--delay: 0.0151291779;
}
.startails > div:nth-of-type(77) {
--x: 0.4629967311;
--y: 0.2444783243;
--x2: 0.3401548411;
--y2: 0.381455306;
--delay: 0.4018696921;
}
.startails > div:nth-of-type(78) {
--x: 0.096815611;
--y: 0.497621385;
--x2: 0.3274539357;
--y2: 0.0244583091;
--delay: 0.9179198441;
}
.startails > div:nth-of-type(79) {
--x: 0.2775555913;
--y: 0.0346779741;
--x2: -0.2936639212;
--y2: 0.4694393594;
--delay: 0.283754768;
}
.startails > div:nth-of-type(80) {
--x: 0.7575163752;
--y: 0.030494661;
--x2: -0.2253299353;
--y2: -0.1296223256;
--delay: 0.7462296074;
}
.startails > div:nth-of-type(81) {
--x: 0.417966401;
--y: 0.0900723207;
--x2: 0.3806606068;
--y2: -0.2187523015;
--delay: 0.0986337363;
}
.startails > div:nth-of-type(82) {
--x: 0.2868507658;
--y: 0.275487512;
--x2: 0.0388113884;
--y2: 0.4560361187;
--delay: 0.4121509887;
}
.startails > div:nth-of-type(83) {
--x: 0.4299289421;
--y: 0.5598799801;
--x2: 0.4404960953;
--y2: 0.0898954759;
--delay: 0.757981616;
}
.startails > div:nth-of-type(84) {
--x: 0.0794430734;
--y: 0.5801412611;
--x2: -0.0198124674;
--y2: -0.3687283024;
--delay: 0.2936322765;
}
.startails > div:nth-of-type(85) {
--x: 0.0155404788;
--y: 0.178983386;
--x2: -0.0823849119;
--y2: -0.1220909173;
--delay: 0.6892394694;
}
.startails > div:nth-of-type(86) {
--x: 0.3308231527;
--y: 0.1878386288;
--x2: 0.4628078429;
--y2: -0.1405369516;
--delay: 0.837516008;
}
.startails > div:nth-of-type(87) {
--x: 0.0871920749;
--y: 0.2801593947;
--x2: -0.2562096792;
--y2: 0.022064565;
--delay: 0.4325868885;
}
.startails > div:nth-of-type(88) {
--x: 0.562784884;
--y: 0.4070092723;
--x2: -0.4099927027;
--y2: -0.4137238966;
--delay: 0.3175387757;
}
.startails > div:nth-of-type(89) {
--x: 0.1546121524;
--y: 0.765371757;
--x2: -0.4966489204;
--y2: -0.3626393228;
--delay: 0.4798666654;
}
.startails > div:nth-of-type(90) {
--x: 0.8047432539;
--y: 0.1215137156;
--x2: -0.2235425003;
--y2: 0.2537723301;
--delay: 0.0544796641;
}
.startails > div:nth-of-type(91) {
--x: 0.0989835053;
--y: 0.4456597735;
--x2: -0.2490980423;
--y2: 0.2975748768;
--delay: 0.7400905124;
}
.startails > div:nth-of-type(92) {
--x: 0.7977843816;
--y: 0.8820593598;
--x2: 0.409471246;
--y2: -0.363781551;
--delay: 0.8104118134;
}
.startails > div:nth-of-type(93) {
--x: 0.7843870688;
--y: 0.7831442377;
--x2: -0.2743793458;
--y2: -0.3990875592;
--delay: 0.2537001823;
}
.startails > div:nth-of-type(94) {
--x: 0.2820765998;
--y: 0.881089541;
--x2: -0.443739336;
--y2: -0.17216626;
--delay: 0.364446402;
}
.startails > div:nth-of-type(95) {
--x: 0.0155435182;
--y: 0.2516316685;
--x2: 0.0202315779;
--y2: 0.0716697383;
--delay: 0.2883637392;
}
.startails > div:nth-of-type(96) {
--x: 0.1277524675;
--y: 0.3288450608;
--x2: 0.1330793903;
--y2: 0.2400821798;
--delay: 0.4143214773;
}
.startails > div:nth-of-type(97) {
--x: 0.8557482328;
--y: 0.3896312045;
--x2: -0.1992285306;
--y2: -0.2183757539;
--delay: 0.8330728792;
}
.startails > div:nth-of-type(98) {
--x: 0.1037323212;
--y: 0.4462863791;
--x2: -0.1634417481;
--y2: -0.0368884417;
--delay: 0.6313553457;
}
.startails > div:nth-of-type(99) {
--x: 0.6975503004;
--y: 0.142249256;
--x2: 0.3158672183;
--y2: 0.4518848691;
--delay: 0.4999763204;
}
.startails > div:nth-of-type(100) {
--x: 0.818617683;
--y: 0.0021649282;
--x2: -0.2963565713;
--y2: -0.4058360845;
--delay: 0.488479056;
}
.startails > div:nth-of-type(101) {
--x: 0.4911557628;
--y: 0.0932011261;
--x2: -0.0932586439;
--y2: -0.419930408;
--delay: 0.252030401;
}
.startails > div:nth-of-type(102) {
--x: 0.4211621806;
--y: 0.8125026868;
--x2: 0.3961899722;
--y2: -0.2317361302;
--delay: 0.6692332079;
}
.startails > div:nth-of-type(103) {
--x: 0.7080704292;
--y: 0.8059977009;
--x2: -0.2915536993;
--y2: 0.0959160791;
--delay: 0.1963336019;
}
.startails > div:nth-of-type(104) {
--x: 0.2895061701;
--y: 0.4130521281;
--x2: -0.2363439347;
--y2: 0.2476828795;
--delay: 0.5432954389;
}
.startails > div:nth-of-type(105) {
--x: 0.1418299037;
--y: 0.5201872871;
--x2: 0.1256071335;
--y2: 0.1982932798;
--delay: 0.2306671338;
}
.startails > div:nth-of-type(106) {
--x: 0.4179922108;
--y: 0.3558709089;
--x2: 0.1683154828;
--y2: 0.4429662234;
--delay: 0.3009904732;
}
.startails > div:nth-of-type(107) {
--x: 0.7700898108;
--y: 0.5642127515;
--x2: 0.2963623547;
--y2: -0.3757564703;
--delay: 0.9959632358;
}
.startails > div:nth-of-type(108) {
--x: 0.9430514531;
--y: 0.1548796504;
--x2: -0.1511673259;
--y2: 0.3131996015;
--delay: 0.9729854392;
}
.startails > div:nth-of-type(109) {
--x: 0.2032199523;
--y: 0.3400117854;
--x2: 0.2519959973;
--y2: -0.2821697442;
--delay: 0.9936548514;
}
.startails > div:nth-of-type(110) {
--x: 0.6262306775;
--y: 0.1185891802;
--x2: 0.2062037329;
--y2: 0.081164439;
--delay: 0.0896908301;
}
.startails > div:nth-of-type(111) {
--x: 0.3392303562;
--y: 0.7078701783;
--x2: 0.2246736709;
--y2: 0.2745426646;
--delay: 0.4190408087;
}
.startails > div:nth-of-type(112) {
--x: 0.8726889183;
--y: 0.8546956098;
--x2: 0.3290921234;
--y2: -0.0927882908;
--delay: 0.4460419184;
}
.startails > div:nth-of-type(113) {
--x: 0.4030365054;
--y: 0.3752667218;
--x2: -0.0605350175;
--y2: 0.3396483391;
--delay: 0.112995473;
}
.startails > div:nth-of-type(114) {
--x: 0.5787810165;
--y: 0.7546954114;
--x2: -0.1606708747;
--y2: 0.4590251904;
--delay: 0.0920072444;
}
.startails > div:nth-of-type(115) {
--x: 0.9653153852;
--y: 0.8132658261;
--x2: -0.0673577441;
--y2: -0.2543345093;
--delay: 0.4538721014;
}
.startails > div:nth-of-type(116) {
--x: 0.0047958355;
--y: 0.2190845404;
--x2: 0.3925978978;
--y2: -0.1584467236;
--delay: 0.1488569481;
}
.startails > div:nth-of-type(117) {
--x: 0.2698904687;
--y: 0.5377590933;
--x2: 0.3352223753;
--y2: -0.0809484463;
--delay: 0.739130141;
}
.startails > div:nth-of-type(118) {
--x: 0.8471236613;
--y: 0.7631954632;
--x2: -0.2739043076;
--y2: -0.4441764407;
--delay: 0.6478888478;
}
.startails > div:nth-of-type(119) {
--x: 0.0079547517;
--y: 0.082241593;
--x2: 0.2065968085;
--y2: 0.2864350058;
--delay: 0.2095538584;
}
.startails > div:nth-of-type(120) {
--x: 0.7869836746;
--y: 0.1548365351;
--x2: -0.0268290527;
--y2: 0.0802548872;
--delay: 0.7182687941;
}
.startails > div:nth-of-type(121) {
--x: 0.7896127778;
--y: 0.4967113854;
--x2: -0.0828002841;
--y2: 0.4121198637;
--delay: 0.2163540964;
}
.startails > div:nth-of-type(122) {
--x: 0.9063848726;
--y: 0.3658170974;
--x2: -0.4575583043;
--y2: -0.0377311552;
--delay: 0.7085131155;
}
.startails > div:nth-of-type(123) {
--x: 0.6146761884;
--y: 0.7510668669;
--x2: 0.0688175915;
--y2: -0.2773415554;
--delay: 0.6097789055;
}
.startails > div:nth-of-type(124) {
--x: 0.5253619166;
--y: 0.3052309648;
--x2: 0.1478696379;
--y2: -0.4623773236;
--delay: 0.195509746;
}
.startails > div:nth-of-type(125) {
--x: 0.6863454817;
--y: 0.0540487219;
--x2: -0.0524246912;
--y2: -0.2047388308;
--delay: 0.3795622998;
}
.startails > div:nth-of-type(126) {
--x: 0.0889017797;
--y: 0.7170502141;
--x2: -0.3687186834;
--y2: -0.2579535637;
--delay: 0.545733761;
}
.startails > div:nth-of-type(127) {
--x: 0.6329687283;
--y: 0.7568301388;
--x2: 0.4840360397;
--y2: 0.4799402657;
--delay: 0.3101114399;
}
.startails > div:nth-of-type(128) {
--x: 0.079469188;
--y: 0.3419676237;
--x2: -0.0399389015;
--y2: 0.0371415223;
--delay: 0.2479805496;
}
.startails > div:nth-of-type(129) {
--x: 0.0993236797;
--y: 0.3846929364;
--x2: -0.4712843316;
--y2: 0.0003142232;
--delay: 0.1308725657;
}
.startails > div:nth-of-type(130) {
--x: 0.9227304603;
--y: 0.1678892088;
--x2: -0.0496776451;
--y2: 0.3464377527;
--delay: 0.0265267702;
}
.startails > div:nth-of-type(131) {
--x: 0.2670414969;
--y: 0.1096505204;
--x2: -0.1939287083;
--y2: 0.2466432962;
--delay: 0.7392311451;
}
.startails > div:nth-of-type(132) {
--x: 0.9707812236;
--y: 0.8337553065;
--x2: 0.1308402478;
--y2: -0.0564349864;
--delay: 0.4126791625;
}
.startails > div:nth-of-type(133) {
--x: 0.0773296506;
--y: 0.7228067241;
--x2: -0.1189818628;
--y2: 0.0914881601;
--delay: 0.9823633496;
}
.startails > div:nth-of-type(134) {
--x: 0.101544238;
--y: 0.9567609259;
--x2: -0.4735339974;
--y2: 0.2182051269;
--delay: 0.1723988788;
}
.startails > div:nth-of-type(135) {
--x: 0.7980474929;
--y: 0.813039424;
--x2: 0.0418096291;
--y2: 0.0381446869;
--delay: 0.7030565369;
}
.startails > div:nth-of-type(136) {
--x: 0.7799633638;
--y: 0.69127018;
--x2: -0.0087346981;
--y2: -0.0027572277;
--delay: 0.3371545471;
}
.startails > div:nth-of-type(137) {
--x: 0.3759120552;
--y: 0.0543472903;
--x2: -0.1279556514;
--y2: 0.3858557567;
--delay: 0.8153738292;
}
.startails > div:nth-of-type(138) {
--x: 0.2810620058;
--y: 0.9157902981;
--x2: 0.2209700444;
--y2: 0.1877717836;
--delay: 0.5459051743;
}
.startails > div:nth-of-type(139) {
--x: 0.8122481214;
--y: 0.0350342175;
--x2: 0.0749447738;
--y2: -0.2624369082;
--delay: 0.098969187;
}
.startails > div:nth-of-type(140) {
--x: 0.5431180512;
--y: 0.0058698329;
--x2: -0.0838649422;
--y2: -0.3194036161;
--delay: 0.4942548546;
}
.startails > div:nth-of-type(141) {
--x: 0.8941261808;
--y: 0.9579346974;
--x2: -0.423974632;
--y2: 0.4666282019;
--delay: 0.3591043651;
}
.startails > div:nth-of-type(142) {
--x: 0.6955880668;
--y: 0.6453056917;
--x2: -0.2206248862;
--y2: 0.1778031956;
--delay: 0.45644696;
}
.startails > div:nth-of-type(143) {
--x: 0.4980231974;
--y: 0.2363899376;
--x2: 0.1346182681;
--y2: -0.3633078653;
--delay: 0.5752676818;
}
.startails > div:nth-of-type(144) {
--x: 0.7188226031;
--y: 0.5201747216;
--x2: 0.2309922604;
--y2: -0.0363943239;
--delay: 0.9698887122;
}
.startails > div:nth-of-type(145) {
--x: 0.0887568124;
--y: 0.9842998328;
--x2: -0.3195427938;
--y2: 0.1985859159;
--delay: 0.9763328308;
}
.startails > div:nth-of-type(146) {
--x: 0.2202347441;
--y: 0.559677328;
--x2: 0.4912319532;
--y2: -0.1132891101;
--delay: 0.0341703405;
}
.startails > div:nth-of-type(147) {
--x: 0.180043277;
--y: 0.3318762385;
--x2: 0.0377410591;
--y2: 0.4474712833;
--delay: 0.5275908691;
}
.startails > div:nth-of-type(148) {
--x: 0.7365784247;
--y: 0.4748847249;
--x2: -0.2153233821;
--y2: -0.4889213798;
--delay: 0.8142042879;
}
.startails > div:nth-of-type(149) {
--x: 0.9693580124;
--y: 0.5616925796;
--x2: -0.4753853746;
--y2: -0.462439239;
--delay: 0.0991432772;
}
.startails > div:nth-of-type(150) {
--x: 0.5346025111;
--y: 0.7499642752;
--x2: 0.3361720895;
--y2: -0.299120384;
--delay: 0.7760523724;
}
.startails > div:nth-of-type(151) {
--x: 0.8617530152;
--y: 0.8779152073;
--x2: -0.3434126283;
--y2: -0.0560238692;
--delay: 0.7253872007;
}
.startails > div:nth-of-type(152) {
--x: 0.4856335072;
--y: 0.5887701004;
--x2: -0.4622318879;
--y2: -0.4119530275;
--delay: 0.6492416528;
}
.startails > div:nth-of-type(153) {
--x: 0.3171336677;
--y: 0.6262333333;
--x2: 0.2558863391;
--y2: -0.2507538357;
--delay: 0.2789526848;
}
.startails > div:nth-of-type(154) {
--x: 0.5644861022;
--y: 0.2103738811;
--x2: 0.3349699306;
--y2: 0.378992558;
--delay: 0.2350404304;
}
.startails > div:nth-of-type(155) {
--x: 0.2546727756;
--y: 0.7363731512;
--x2: 0.406195772;
--y2: -0.0526009603;
--delay: 0.6493368388;
}
.startails > div:nth-of-type(156) {
--x: 0.3619018129;
--y: 0.3719586444;
--x2: 0.3127755912;
--y2: 0.3291049429;
--delay: 0.6556601094;
}
.startails > div:nth-of-type(157) {
--x: 0.2810689619;
--y: 0.3394499573;
--x2: -0.4906459956;
--y2: -0.4944890337;
--delay: 0.1810550901;
}
.startails > div:nth-of-type(158) {
--x: 0.448016626;
--y: 0.5649713183;
--x2: -0.0308222053;
--y2: -0.3836181213;
--delay: 0.606909036;
}
.startails > div:nth-of-type(159) {
--x: 0.0693263134;
--y: 0.7416944253;
--x2: -0.1500817584;
--y2: -0.1786805736;
--delay: 0.7033140361;
}
.startails > div:nth-of-type(160) {
--x: 0.9115128226;
--y: 0.2685607977;
--x2: 0.0196953009;
--y2: 0.0966519534;
--delay: 0.6237505088;
}
.startails > div:nth-of-type(161) {
--x: 0.452437723;
--y: 0.2555448803;
--x2: -0.4194158138;
--y2: -0.0212547559;
--delay: 0.05710201;
}
.startails > div:nth-of-type(162) {
--x: 0.5101576657;
--y: 0.3988666414;
--x2: 0.1157082883;
--y2: -0.4708539262;
--delay: 0.1300145069;
}
.startails > div:nth-of-type(163) {
--x: 0.7455600925;
--y: 0.2810245459;
--x2: -0.3603885348;
--y2: 0.0785686897;
--delay: 0.7310072242;
}
.startails > div:nth-of-type(164) {
--x: 0.1812444869;
--y: 0.9170140751;
--x2: -0.1393841985;
--y2: 0.1864436982;
--delay: 0.2336306312;
}
.startails > div:nth-of-type(165) {
--x: 0.5256056071;
--y: 0.5613930513;
--x2: -0.2825255087;
--y2: -0.1281172153;
--delay: 0.7807072025;
}
.startails > div:nth-of-type(166) {
--x: 0.4141587274;
--y: 0.1845199299;
--x2: -0.1454791874;
--y2: 0.1964306569;
--delay: 0.7453821108;
}
.startails > div:nth-of-type(167) {
--x: 0.6996708008;
--y: 0.5266185651;
--x2: -0.1247849065;
--y2: -0.3248328222;
--delay: 0.9528251585;
}
.startails > div:nth-of-type(168) {
--x: 0.7266160664;
--y: 0.096816212;
--x2: -0.0575008599;
--y2: 0.1525836953;
--delay: 0.3809915445;
}
.startails > div:nth-of-type(169) {
--x: 0.9971415945;
--y: 0.9749234608;
--x2: -0.4661157064;
--y2: 0.1440115375;
--delay: 0.3751214503;
}
.startails > div:nth-of-type(170) {
--x: 0.4047618118;
--y: 0.6521046477;
--x2: -0.0479228856;
--y2: 0.2121059164;
--delay: 0.7002494888;
}
.startails > div:nth-of-type(171) {
--x: 0.8837363431;
--y: 0.9616903934;
--x2: -0.181263772;
--y2: 0.2232777022;
--delay: 0.0066368473;
}
.startails > div:nth-of-type(172) {
--x: 0.6801261077;
--y: 0.2088705204;
--x2: 0.0698413898;
--y2: 0.243745578;
--delay: 0.1655677584;
}
.startails > div:nth-of-type(173) {
--x: 0.763440031;
--y: 0.6892532777;
--x2: -0.3953250154;
--y2: -0.4649285515;
--delay: 0.0106618481;
}
.startails > div:nth-of-type(174) {
--x: 0.4254563341;
--y: 0.2543182182;
--x2: 0.2550786797;
--y2: -0.4726955201;
--delay: 0.9229430165;
}
.startails > div:nth-of-type(175) {
--x: 0.2686914892;
--y: 0.8660048876;
--x2: 0.0337760532;
--y2: -0.4323590676;
--delay: 0.3884407256;
}
.startails > div:nth-of-type(176) {
--x: 0.2522312613;
--y: 0.1254720871;
--x2: 0.354335514;
--y2: -0.4146787005;
--delay: 0.0742053825;
}
.startails > div:nth-of-type(177) {
--x: 0.8779642491;
--y: 0.8910777832;
--x2: 0.2564817394;
--y2: 0.3488306985;
--delay: 0.845024437;
}
.startails > div:nth-of-type(178) {
--x: 0.1700779667;
--y: 0.9047708753;
--x2: -0.0569600177;
--y2: 0.4901420379;
--delay: 0.705140617;
}
.startails > div:nth-of-type(179) {
--x: 0.2234484875;
--y: 0.1757906681;
--x2: 0.3064065996;
--y2: -0.1354126045;
--delay: 0.692952172;
}
.startails > div:nth-of-type(180) {
--x: 0.522485761;
--y: 0.7812311837;
--x2: 0.2893535533;
--y2: 0.0025220575;
--delay: 0.1110728191;
}
.startails > div:nth-of-type(181) {
--x: 0.8718135953;
--y: 0.6499414328;
--x2: 0.1799986173;
--y2: -0.0706322912;
--delay: 0.3301977625;
}
.startails > div:nth-of-type(182) {
--x: 0.889727668;
--y: 0.5665087108;
--x2: 0.037191508;
--y2: 0.4865069259;
--delay: 0.2773366216;
}
.startails > div:nth-of-type(183) {
--x: 0.1080456038;
--y: 0.2966545019;
--x2: 0.4762175873;
--y2: -0.0029147108;
--delay: 0.6614372183;
}
.startails > div:nth-of-type(184) {
--x: 0.9652628245;
--y: 0.8250134008;
--x2: -0.4523317627;
--y2: -0.3414748946;
--delay: 0.8314323353;
}
.startails > div:nth-of-type(185) {
--x: 0.695054083;
--y: 0.3292750095;
--x2: 0.0879948675;
--y2: -0.210731085;
--delay: 0.0695591929;
}
.startails > div:nth-of-type(186) {
--x: 0.5763066856;
--y: 0.1211839131;
--x2: -0.3121939019;
--y2: -0.1457552362;
--delay: 0.8903952284;
}
.startails > div:nth-of-type(187) {
--x: 0.5865129576;
--y: 0.5422606103;
--x2: 0.4160734371;
--y2: -0.3774704342;
--delay: 0.9153713135;
}
.startails > div:nth-of-type(188) {
--x: 0.6789208868;
--y: 0.5447561846;
--x2: 0.3539525252;
--y2: -0.1239179141;
--delay: 0.4184286379;
}
.startails > div:nth-of-type(189) {
--x: 0.5504283872;
--y: 0.1608569667;
--x2: -0.1818389945;
--y2: 0.4669180586;
--delay: 0.2629670974;
}
.startails > div:nth-of-type(190) {
--x: 0.2961432366;
--y: 0.8875460379;
--x2: -0.3301369531;
--y2: -0.3081773551;
--delay: 0.3795209505;
}
.startails > div:nth-of-type(191) {
--x: 0.3670503448;
--y: 0.331893679;
--x2: 0.4291505687;
--y2: -0.3727713108;
--delay: 0.3206619766;
}
.startails > div:nth-of-type(192) {
--x: 0.1429965181;
--y: 0.4685131784;
--x2: 0.1227562186;
--y2: -0.1731168352;
--delay: 0.8981353209;
}
.startails > div:nth-of-type(193) {
--x: 0.8760118091;
--y: 0.9211989477;
--x2: -0.4786350658;
--y2: 0.2865034528;
--delay: 0.5139752998;
}
.startails > div:nth-of-type(194) {
--x: 0.3676428277;
--y: 0.3756414378;
--x2: -0.3256225499;
--y2: -0.2377598213;
--delay: 0.3339408911;
}
.startails > div:nth-of-type(195) {
--x: 0.6917980809;
--y: 0.1907099771;
--x2: -0.2203662664;
--y2: -0.3785056582;
--delay: 0.2949165199;
}
.startails > div:nth-of-type(196) {
--x: 0.5561191508;
--y: 0.4373850259;
--x2: -0.3763037929;
--y2: 0.1781054576;
--delay: 0.5239501242;
}
.startails > div:nth-of-type(197) {
--x: 0.4525134451;
--y: 0.2147423683;
--x2: -0.3358070333;
--y2: -0.439043036;
--delay: 0.9619909319;
}
.startails > div:nth-of-type(198) {
--x: 0.1052714467;
--y: 0.1948811388;
--x2: 0.2391877874;
--y2: -0.3895154518;
--delay: 0.4207001677;
}
.startails > div:nth-of-type(199) {
--x: 0.7068508845;
--y: 0.2701037833;
--x2: -0.0358129111;
--y2: -0.4324884253;
--delay: 0.3655838045;
}
.startails > div:nth-of-type(200) {
--x: 0.5741673662;
--y: 0.9773759563;
--x2: 0.2110429848;
--y2: 0.2243486593;
--delay: 0.9238998759;
}
.startails > div:nth-of-type(201) {
--x: 0.3759357335;
--y: 0.1553818137;
--x2: -0.3231535653;
--y2: 0.0057457145;
--delay: 0.3611490653;
}
@-webkit-keyframes startails-animation {
from {
opacity: 1;
translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
scale: 0.9;
}
2% {
scale: 0.4;
}
5% {
translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
opacity: 0;
scale: 1;
}
to {
translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
scale: 1;
opacity: 0;
}
}
@keyframes startails-animation {
from {
opacity: 1;
translate: calc(var(--x) * 100vw) calc(var(--y) * 100vh);
scale: 0.9;
}
2% {
scale: 0.4;
}
5% {
translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
opacity: 0;
scale: 1;
}
to {
translate: calc(var(--x) * 100vw + var(--y2) * var(--distance)) calc(var(--y) * 100vh + var(--x2) * var(--distance));
scale: 1;
opacity: 0;
}
}
}
@layer scene {
.scene {
display: grid;
place-items: center;
position: absolute;
-webkit-animation: scene-zoom-in-out var(--time) ease-in-out infinite;
animation: scene-zoom-in-out var(--time) ease-in-out infinite;
transform-style: preserve-3d;
}
@-webkit-keyframes scene-zoom-in-out {
from {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
to {
transform: scale(0.9);
}
}
@keyframes scene-zoom-in-out {
from {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
to {
transform: scale(0.9);
}
}
}
@property --space {
syntax: "<length>";
initial-value: 0;
inherits: true;
}
@layer cuboid {
.cuboid {
position: absolute;
transform-style: preserve-3d;
transform: rotateY(312deg) rotateX(350deg) rotateZ(10deg) translateY(20vh);
--size: 8vmax;
--size-h: calc(var(--size) / 2);
--size-h-n: calc(var(--size) / -2);
}
.cuboid .top {
width: var(--size);
aspect-ratio: 1;
background: linear-gradient(135deg, #E8DBDD, #989699);
transform-style: preserve-3d;
transform: rotateX(90deg) translateZ(var(--size-h-n));
opacity: 0.9;
}
.cuboid .front {
width: var(--size);
aspect-ratio: 1/2;
background: linear-gradient(#5F595D, transparent 60%);
opacity: 0.5;
transform: translateZ(var(--size-h));
position: absolute;
}
.cuboid .right {
width: var(--size);
aspect-ratio: 1/2;
background: linear-gradient(#5F595D 10%, transparent 90%);
transform: translate3d(var(--size-h), 0, 0) rotateY(90deg);
position: absolute;
opacity: 0.7;
-webkit-mask: radial-gradient(150% 120% at 0% 0%, black, transparent);
mask: radial-gradient(150% 120% at 0% 0%, black, transparent);
}
.cuboid .outline {
--space: 0vmax;
--space-h: calc(var(--size) / 2);
position: absolute;
width: var(--size);
aspect-ratio: 1;
border: 0.0125vmax solid white;
transition: all 3s ease-in-out;
translate: calc(-50% + var(--space-h)) calc(-50% + var(--space-h));
padding: var(--space);
--duration: 16s;
-webkit-animation: outline-animation var(--duration) 0s cubic-bezier(0.68, 0.27, 0.26, 0.91) infinite;
animation: outline-animation var(--duration) 0s cubic-bezier(0.68, 0.27, 0.26, 0.91) infinite;
opacity: 0;
box-shadow: inset 0 0 0.5vmax rgba(255, 255, 255, 0.4), 0 0 0.5vmax rgba(255, 255, 255, 0.4);
--initial-space: var(--size-h);
}
.cuboid .outline:nth-of-type(2) {
-webkit-animation-delay: calc(var(--duration) / 4);
animation-delay: calc(var(--duration) / 4);
}
.cuboid .outline:nth-of-type(3) {
-webkit-animation-delay: calc(var(--duration) / 4 * 2);
animation-delay: calc(var(--duration) / 4 * 2);
}
.cuboid .outline:nth-of-type(4) {
-webkit-animation-delay: calc(var(--duration) / 4 * 3);
animation-delay: calc(var(--duration) / 4 * 3);
}
@-webkit-keyframes outline-animation {
from {
--space: var(--initial-space, 0vmax);
opacity: 0;
filter: blur(0vmax);
}
5% {
opacity: 0.2;
}
40% {
opacity: 0.5;
}
60% {
opacity: 0.05;
filter: blur(0vmax);
}
80% {
opacity: 0;
}
to {
--space: calc(var(--initial-space, 0vmax) + 25vmax);
opacity: 0;
filter: blur(0.6vmax);
}
}
@keyframes outline-animation {
from {
--space: var(--initial-space, 0vmax);
opacity: 0;
filter: blur(0vmax);
}
5% {
opacity: 0.2;
}
40% {
opacity: 0.5;
}
60% {
opacity: 0.05;
filter: blur(0vmax);
}
80% {
opacity: 0;
}
to {
--space: calc(var(--initial-space, 0vmax) + 25vmax);
opacity: 0;
filter: blur(0.6vmax);
}
}
}
@layer planets {
@property --moon-angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: true;
}
@-webkit-keyframes moon-animation {
from {
--moon-angle: 180deg;
}
50% {
--moon-angle: 200deg;
}
to {
--moon-angle: 180deg;
}
}
@keyframes moon-animation {
from {
--moon-angle: 180deg;
}
50% {
--moon-angle: 200deg;
}
to {
--moon-angle: 180deg;
}
}
.sun {
border-radius: 50%;
width: 25vmax;
aspect-ratio: 1;
background: radial-gradient(circle at 60% 60%, #f6f6f6, #E8DBDD, #d9d9d9.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
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