纯css打造太阳系行星运行轨迹图运动版-html代码-BFW代码库

代码语言：html
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
/*
  Malik Dellidj - @Dathink

  Solar System orbit animation true time scaled

  Revolution of planets in earth days (from Wikipedia)
  Mercury : ~87,5 days
  Venus : ~224,7 days
  Earth : ~365,2563 days
    + Moon : ~27,3216 days (around earth)
  Mars : ~687 days (~1,8 year)
  Jupiter : ~4 331 days (~12 years)
  Saturn : ~10 747 days (~30 years)
  Uranus : ~30 589 days (~84 years)
  Neptune : ~59 802 days (~165 years)
  Pluto : ~90 580 days (~248 years)
*/
*, *:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
}

body {
  font: normal 1em/1.45em "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  background: radial-gradient(ellipse at bottom, #1C2837 0%, #050608 100%);
  background-attachment: fixed;
}

h1 {
  font-weight: 300;
  font-size: 2.5em;
  text-transform: uppercase;
  font-family: Lato;
  line-height: 1.6em;
  letter-spacing: .1em;
}

a, a:visited {
  text-decoration: none;
  color: white;
  opacity: .7;
}
a:hover, a:visited:hover {
  opacity: 1;
}
a.icon, a:visited.icon {
  margin-right: 2px;
  padding: 3px;
}

.description {
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  z-index: 999;
}
.description p {
  font-size: .9em;
}
.description p + p {
  margin-top: 20px;
}
.description p.author {
  font-size: .7em;
}
.description p.author .fa-heart {
  color: #860014;
}

hr {
  margin: 26px 0;
  border: 0;
  border-top: 1px solid white;
  background: transparent;
  width: 25%;
  opacity: .1;
}

code {
  color: #ae94c0;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: .9em;
}

.solar-syst {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
}
.solar-syst:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 2px;
  top: -2px;
  background: white;
  box-shadow: 923px 266px 0 0px rgba(255, 255, 255, 0.474) , 567px 242px 0 0px rgba(255,255,255, 0.487) , 677px 1302px 0 0px rgba(255,255,255, 0.705) , 1588px 1146px 0 0px rgba(255,255,255, 0.349) , 659px 1697px 0 0px rgba(255,255,255, 0.615) , 322px 718px 0 0px rgba(255,255,255, 0.173) , 882px 719px 0 0px rgba(255,255,255, 0.281) , 1696px 463px 0 0px rgba(255,255,255, 0.837) , 1518px 799px 0 0px rgba(255,255,255, 0.135) , 597px 1023px 0 0px rgba(255,255,255, 0.132) , 428px 1285px 0 0px rgba(255,255,255, 0.997) , 1214px 1569px 0 0px rgba(255,255,255, 0.745) , 175px 845px 0 0px rgba(255,255,255, 0.334) , 1648px 1168px 0 0px rgba(255,255,255, 0.936) , 1337px 536px 0 0px rgba(255,255,255, 0.387) , 1424px 756px 0 0px rgba(255,255,255, 0.329) , 1162px 484px 0 0px rgba(255,255,255, 0.248) , 661px 65px 0 0px rgba(255,255,255, 0.254) , 1272px 577px 0 0px rgba(255,255,255, 0.793) , 523px 365px 0 0px rgba(255,255,255, 0.891) , 730px 1521px 0 0px rgba(255,255,255, 0.946) , 708px 385px 0 0px rgba(255,255,255, 0.529) , 212px 855px 0 0px rgba(255,255,255, 0.462) , 987px 117px 0 0px rgba(255,255,255, 0.564) , 853px 166px 0 0px rgba(255,255,255, 0.081) , 249px 1179px 0 0px rgba(255,255,255, 0.323) , 150px 435px 0 0px rgba(255,255,255, 0.486) , 113px 281px 0 0px rgba(255,255,255, 0.592) , 1138px 1624px 0 0px rgba(255,255,255, 0.128) , 1604px 1563px 0 0px rgba(255,255,255, 0.574) , 1517px 234px 0 0px rgba(255,255,255, 0.653) , 900px 1051px 0 0px rgba(255,255,255, 0.681) , 1710px 604px 0 0px rgba(255,255,255, 0.967) , 1569px 1017px 0 0px rgba(255,255,255, 0.965) , 1761px 1486px 0 0px rgba(255,255,255, 0.056) , 1586px 1286px 0 0px rgba(255,255,255, 0.629) , 828px 1494px 0 0px rgba(255,255,255, 0.941) , 138px 119px 0 0px rgba(255,255,255, 0.344) , 1696px 879px 0 0px rgba(255,255,255, 0.157) , 892px 1111px 0 0px rgba(255,255,255, 0.363) , 1143px 1702px 0 0px rgba(255,255,255, 0.376) , 489px 790px 0 0px rgba(255,255,255, 0.2) , 567px 368px 0 0px rgba(255,255,255, 0.756) , 1152px 561px 0 0px rgba(255,255,255, 0.801) , 737px 172px 0 0px rgba(255,255,255, 0.086) , 532px 953px 0 0px rgba(255,255,255, 0.646) , 160px 1632px 0 0px rgba(255,255,255, 0.509) , 786px 74px 0 0px rgba(255,255,255, 0.58) , 979px 1141px 0 0px rgba(255,255,255, 0.028) , 889px 1493px 0 0px rgba(255,255,255, 0.103) , 1085px 625px 0 0px rgba(255,255,255, 0.752) , 409px 1123px 0 0px rgba(255,255,255, 0.102) , 554px 147px 0 0px rgba(255,255,255, 0.894) , 1005px 678px 0 0px rgba(255,255,255, 0.512) , 648px 971px 0 0px rgba(255,255,255, 0.607) , 440px 594px 0 0px rgba(255,255,255, 0.861) , 421px 931px 0 0px rgba(255,255,255, 0.836) , 1303px 800px 0 0px rgba(255,255,255, 0.684) , 1623px 532px 0 0px rgba(255,255,255, 0.597) , 676px 242px 0 0px rgba(255,255,255, 0.866) , 833px 1155px 0 0px rgba(255,255,255, 0.765) , 942px 1102px 0 0px rgba(255,255,255, 0.86) , 556px 570px 0 0px rgba(255,255,255, 0.307) , 172px 710px 0 0px rgba(255,255,255, 0.435) , 266px 1153px 0 0px rgba(255,255,255, 0.48) , 963px 1595px 0 0px rgba(255,255,255, 0.989) , 1528px 745px 0 0px rgba(255,255,255, 0.517) , 1556px 1103px 0 0px rgba(255,255,255, 0.379) , 706px 604px 0 0px rgba(255,255,255, 0.619) , 543px 1153px 0 0px rgba(255,255,255, 0.034) , 1192px 1503px 0 0px rgba(255,255,255, 0.791) , 176px 1450px 0 0px rgba(255,255,255, 0.183) , 1602px 358px 0 0px rgba(255,255,255, 0.044) , 244px 170px 0 0px rgba(255,255,255, 0.834) , 748px 343px 0 0px rgba(255,255,255, 0.639) , 1568px 663px 0 0px rgba(255,255,255, 0.944) , 1602px 869px 0 0px rgba(255,255,255, 0.213) , 787px 1126px 0 0px rgba(255,255,255, 0.452) , 222px 1142px 0 0px rgba(255,255,255, 0.652) , 1527px 577px 0 0px rgba(255,255,255, 0.069) , 684px 716px 0 0px rgba(255,255,255, 0.9) , 344px 1624px 0 0px rgba(255,255,255, 0.074) , 1381px 1596px 0 0px rgba(255,255,255, 0.497) , 1485px 82px 0 0px rgba(255,255,255, 0.66) , 629px 1524px 0 0px rgba(255,255,255, 0.205) , 1053px 1734px 0 0px rgba(255,255,255, 0.515) , 13px 1777px 0 0px rgba(255,255,255, 0.64) , 1795px 172px 0 0px rgba(255,255,255, 0.62) , 1650px 66px 0 0px rgba(255,255,255, 0.975) , 378px 120px 0 0px rgba(255,255,255, 0.185) , 595px 1560px 0 0px rgba(255,255,255, 0.05) , 683px 1778px 0 0px rgba(255,255,255, 0.016) , 1683px 1228px 0 0px rgba(255,255,255, 0.697) , 1552px 1452px 0 0px rgba(255,255,255, 0.266) , 652px 85px 0 0px rgba(255,255,255, 0.427) , 160px 296px 0 0px rgba(255,255,255, 0.756) , 1609px 677px 0 0px rgba(255,255,255, 0.626) , 1015px 1613px 0 0px rgba(255,255,255, 0.896) , 917px 1614px 0 0px rgba(255,255,255, 0.941) , 1632px 1608px 0 0px rgba(255,255,255, 0.389) , 862px 154px 0 0px rgba(255,255,255, 0.376) , 364px 224px 0 0px rgba(255,255,255, 0.33) , 776px 640px 0 0px rgba(255,255,255, 0.652) , 341px 1191px 0 0px rgba(255,255,255, 0.861) , 1123px 1467px 0 0px rgba(255,255,255, 0.105) , 867px 1659px 0 0px rgba(255,255,255, 0.092) , 1164px 1624px 0 0px rgba(255,255,255, 0.325) , 1536px 13px 0 0px rgba(255,255,255, 0.405) , 412px 89px 0 0px rgba(255,255,255, 0.209) , 540px 583px 0 0px rgba(255,255,255, 0.185) , 16px 26px 0 0px rgba(255,255,255, 0.009) , 1264px 34px 0 0px rgba(255,255,255, 0.808) , 1614px 1390px 0 0px rgba(255,255,255, 0.658) , 1008px 1259px 0 0px rgba(255,255,255, 0.555) , 9px 485px 0 0px rgba(255,255,255, 0.408) , 1571px 1134px 0 0px rgba(255,255,255, 0.787) , 601px 555px 0 0px rgba(255,255,255, 0.784) , 911px 238px 0 0px rgba(255,255,255, 0.893) , 1613px 1203px 0 0px rgba(255,255,255, 0.331) , 147px 1217px 0 0px rgba(255,255,255, 0.976) , 350px 217px 0 0px rgba(255,255,255, 0.268) , 349px 1786px 0 0px rgba(255,255,255, 0.574) , 1764px 1786px 0 0px rgba(255,255,255, 0.372) , 465px 1653px 0 0px rgba(255,255,255, 0.035) , 1152px 850px 0 0px rgba(255,255,255, 0.022) , 1597px 188px 0 0px rgba(255,255,255, 0.166) , 925px 917px 0 0px rgba(255,255,255, 0.11) , 892px 1164px 0 0px rgba(255,255,255, 0.405) , 1686px 1099px 0 0px rgba(255,255,255, 0.227) , 1445px 478px 0 0px rgba(255,255,255, 0.531) , 1741px 232px 0 0px rgba(255,255,255, 0.76) , 956px 1205px 0 0px rgba(255,255,255, 0.035) , 1013px 116px 0 0px rgba(255,255,255, 0.857) , 188px 1584px 0 0px rgba(255,255,255, 0.782) , 1650px 779px 0 0px rgba(255,255,255, 0.726) , 1580px 1748px 0 0px rgba(255,255,255, 0.53) , 228px 373px 0 0px rgba(255,255,255, 0.83) , 1162px 676px 0 0px rgba(255,255,255, 0.782) , 1482px 1418px 0 0px rgba(255,255,255, 0.561) , 1003px 512px 0 0px rgba(255,255,255, 0.367) , 1078px 1639px 0 0px rgba(255,255,255, 0.511) , 607px 1743px 0 0px rgba(255,255,255, 0.909) , 681px 1305px 0 0px rgba(255,255,255, 0.53) , 836px 1013px 0 0px rgba(255,255,255, 0.978) , 9px 770px 0 0px rgba(255,255,255, 0.099) , 1209px 1338px 0 0px rgba(255,255,255, 0.121) , 355px 1382px 0 0px rgba(255,255,255, 0.953) , 875px 627px 0 0px rgba(255,255,255, 0.395) , 480px 1314px 0 0px rgba(255,255,255, 0.823) , 714px 1486px 0 0px rgba(255,255,255, 0.982) , 713px 1749px 0 0px rgba(255,255,255, 0.907) , 1794px 800px 0 0px rgba(255,255,255, 0.622) , 976px 1317px 0 0px rgba(255,255,255, 0.339) , 1055px 104px 0 0px rgba(255,255,255, 0.65) , 954px 525px 0 0px rgba(255,255,255, 0.681) , 461px 471px 0 0px rgba(255,255,255, 0.767) , 711px 1322px 0 0px rgba(255,255,255, 0.842) , 1580px 727px 0 0px rgba(255,255,255, 0.298) , 1513px 601px 0 0px rgba(255,255,255, 0.786) , 1684px 1460px 0 0px rgba(255,255,255, 0.197) , 738px 1326px 0 0px rgba(255,255,255, 0.937) , 902px 1196px 0 0px rgba(255,255,255, 0.289) , 1567px 1623px 0 0px rgba(255,255,255, 0.064) , 590px 273px 0 0px rgba(255,255,255, 0.885) , 910px 16px 0 0px rgba(255,255,255, 0.423) , 343px 1638px 0 0px rgba(255,255,255, 0.238) , 1215px 703px 0 0px rgba(255,255,255, 0.669) , 1492px 541px 0 0px rgba(255,255,255, 0.116) , 1065px 127px 0 0px rgba(255,255,255, 0.772) , 951px 387px 0 0px rgba(255,255,255, 0.055) , 451px 1771px 0 0px rgba(255,255,255, 0.883) , 922px 1258px 0 0px rgba(255,255,255, 0.851) , 415px 353px 0 0px rgba(255,255,255, 0.192) , 145px 1639px 0 0px rgba(255,255,255, 0.846) , 882px 57px 0 0px rgba(255,255,255, 0.313) , 1545px 705px 0 0px rgba(255,255,255, 0.952) , 1175px 1245px 0 0px rgba(255,255,255, 0.009) , 1568px 952px 0 0px rgba(255,255,255, 0.566) , 60px 1656px 0 0px rgba(255,255,255, 0.398) , 957px 63px 0 0px rgba(255,255,255, 0.765) , 698px 1680px 0 0px rgba(255,255,255, 0.934) , 1253px 16px 0 0px rgba(255,255,255, 0.341) , 1098px 287px 0 0px rgba(255,255,255, 0.121) , 744px 1071px 0 0px rgba(255,255,255, 0.902) , 1407px 628px 0 0px rgba(255,255,255, 0.567) , 1597px 153px 0 0px rgba(255,255,255, 0.642) , 1592px 187px 0 0px rgba(255,255,255, 0.599) , 1734px 859px 0 0px rgba(255,255,255, 0.475) , 849px 1280px 0 0px rgba(255,255,255, 0.891) , 98px 14px 0 0px rgba(255,255,255, 0.935) , 1601px 1340px 0 0px rgba(255,255,255, 0.904) , 1214px 960px 0 0px rgba(255,255,255, 0.589) , 1522px 755px 0 0px rgba(255,255,255, 0.351) , 1531px 1236px 0 0px rgba(255,255,255, 0.765) , 305px 684px 0 0px rgba(255,255,255, 0.742) , 73px 411px 0 0px rgba(255,255,255, 0.466) , 1473px 76px 0 0px rgba(255,255,255, 0.474) , 1155px 613px 0 0px rgba(255,255,255, 0.876) , 58px 1693px 0 0px rgba(255,255,255, 0.237) , 1119px 549px 0 0px rgba(255,255,255, 0.922) , 719px 500px 0 0px rgba(255,255,255, 0.36) , 898px 530px 0 0px rgba(255,255,255, 0.304) , 710px 105px 0 0px rgba(255,255,255, 0.22) , 930px 151px 0 0px rgba(255,255,255, 0.089) , 589px 134px 0 0px rgba(255,255,255, 0.085) , 1665px 1015px 0 0px rgba(255,255,255, 0.196) , 938px 788px 0 0px rgba(255,255,255, 0.619) , 876px 366px 0 0px rgba(255,255,255, 0.605) , 1389px 1651px 0 0px rgba(255,255,255, 0.865) , 335px 1409px 0 0px rgba(255,255,255, 0.622) , 1659px 1170px 0 0px rgba(255,255,255, 0.045) , 877px 1329px 0 0px rgba(255,255,255, 0.195) , 558px 1230px 0 0px rgba(255,255,255, 0.287) , 185px 1603px 0 0px rgba(255,255,255, 0.302) , 1394px 109px 0 0px rgba(255,255,255, 0.956) , 1279px 1621px 0 0px rgba(255,255,255, 0.036) , 1086px 20px 0 0px rgba(255,255,255, 0.494) , 518px 899px 0 0px rgba(255,255,255, 0.697) , 1655px 1618px 0 0px rgba(255,255,255, 0.008) , 1489px 164px 0 0px rgba(255,255,255, 0.439) , 44px 1049px 0 0px rgba(255,255,255, 0.438) , 903px 273px 0 0px rgba(255,255,255, 0.096) , 890px 1602px 0 0px rgba(255,255,255, 0.468) , 1389px 1557px 0 0px rgba(255,255,255, 0.024) , 755px 1528px 0 0px rgba(255,255,255, 0.13) , 1278px 720px 0 0px rgba(255,255,255, 0.318) , 752px 50px 0 0px rgba(255,255,255, 0.518) , 1000px 1122px 0 0px rgba(255,255,255, 0.75) , 1789px 698px 0 0px rgba(255,255,255, 0.212) , 850px 1635px 0 0px rgba(255,255,255, 0.331) , 1625px 1507px 0 0px rgba(255,255,255, 0.555) , 723px 266px 0 0px rgba(255,255,255, 0.415) , 329px 1524px 0 0px rgba(255,255,255, 0.571) , 808px 83px 0 0px rgba(255,255,255, 0.087) , 150px 1194px 0 0px rgba(255,255,255, 0.395) , 724px 1313px 0 0px rgba(255,255,255, 0.284) , 923px 1723px 0 0px rgba(255,255,255, 0.677) , 1108px 103px 0 0px rgba(255,255,255, 0.035) , 1438px 1459px 0 0px rgba(255,255,255, 0.814) , 1135px 1258px 0 0px rgba(255,255,255, 0.048) , 446px 80px 0 0px rgba(255,255,255, 0.486) , 135px 1013px 0 0px rgba(255,255,255, 0.174) , 1767px 1642px 0 0px rgba(255,255,255, 0.408) , 907px 1167px 0 0px rgba(255,255,255, 0.422) , 494px 1014px 0 0px rgba(255,255,255, 0.389) , 75px 391px 0 0px rgba(255,255,255, 0.584) , 1083px 506px 0 0px rgba(255,255,255, 0.323) , 1485px 344px 0 0px rgba(255,255,255, 0.023) , 1338px 1096px 0 0px rgba(255,255,255, 0.327) , 1496px 244px 0 0px rgba(255,255,255, 0.147) , 1071px 211px 0 0px rgba(255,255,255, 0.297) , 511px 943px 0 0px rgba(255,255,255, 0.102) , 1329px 993px 0 0px rgba(255,255,255, 0.057) , 274px 209px 0 0px rgba(255,255,255, 0.212) , 1285px 1356px 0 0px rgba(255,255,255, 0.65) , 388px 168px 0 0px rgba(255,255,255, 0.092) , 397px 1243px 0 0px rgba(255,255,255, 0.254) , 755px 160px 0 0px rgba(255,255,255, 0.934) , 1795px 218px 0 0px rgba(255,255,255, 0.366) , 68px 911px 0 0px rgba(255,255,255, 0.642) , 566px 541px 0 0px rgba(255,255,255, 0.698) , 1213px 1126px 0 0px rgba(255,255,255, 0.414) , 1231px 78px 0 0px rgba(255,255,255, 0.505) , 1033px 297px 0 0px rgba(255,255,255, 0.735) , 1707px 969px 0 0px rgba(255,255,255, 0.048) , 92px 1538px 0 0px rgba(255,255,255, 0.765) , 690px 530px 0 0px rgba(255,255,255, 0.672) , 937px 1548px 0 0px rgba(255,255,255, 0.733) , 1319px 1183px 0 0px rgba(255,255,255, 0.419) , 250px 1144px 0 0px rgba(255,255,255, 0.655) , 396px 1673px 0 0px rgba(255,255,255, 0.799) , 1671px 1198px 0 0px rgba(255,255,255, 0.404) , 790px 203px 0 0px rgba(255,255,255, 0.198) , 231px 1536px 0 0px rgba(255,255,255, 0.211) , 1267px 937px 0 0px rgba(255,255,255, 0.203) , 731px 1417px 0 0px rgba(255,255,255, 0.789) , 1374px 1793px 0 0px rgba(255,255,255, 0.323) , 1441px 695px 0 0px rgba(255,255,255, 0.988) , 1698px 588px 0 0px rgba(255,255,255, 0.154) , 1257px 96px 0 0px rgba(255,255,255, 0.876) , 1069px 55px 0 0px rgba(255,255,255, 0.697) , 46px 1661px 0 0px rgba(255,255,255, 0.718) , 1761px 350px 0 0px rgba(255,255,255, 0.746) , 944px 938px 0 0px rgba(255,255,255, 0.656) , 1517px 33px 0 0px rgba(255,255,255, 0.102) , 1063px 1245px 0 0px rgba(255,255,255, 0.008) , 154px 724px 0 0px rgba(255,255,255, 0.177) , 1396px 1093px 0 0px rgba(255,255,255, 0.394) , 368px 605px 0 0px rgba(255,255,255, 0.98) , 1316px 1343px 0 0px rgba(255,255,255, 0.864) , 787px 1576px 0 0px rgba(255,255,255, 0.066) , 1512px 1388px 0 0px rgba(255,255,255, 0.267) , 1710px 1678px 0 0px rgba(255,255,255, 0.003) , 1375px 920px 0 0px rgba(255,255,255, 0.268) , 419px 236px 0 0px rgba(255,255,255, 0.856) , 159px 165px 0 0px rgba(255,255,255, 0.941) , 1203px 837px 0 0px rgba(255,255,255, 0.826) , 408px 1257px 0 0px rgba(255,255,255, 0.455) , 1772px 1541px 0 0px rgba(255,255,255, 0.168) , 1463px 818px 0 0px rgba(255,255,255, 0.216) , 1054px 1361px 0 0px rgba(255,255,255, 0.238) , 286px 894px 0 0px rgba(255,255,255, 0.168) , 1038px 1034px 0 0px rgba(255,255,255, 0.467) , 140px 1255px 0 0px rgba(255,255,255, 0.949) , 910px 1147px 0 0px rgba(255,255,255, 0.214) , 1084px 288px 0 0px rgba(255,255,255, 0.446) , 146px 1348px 0 0px rgba(255,255,255, 0.069) , 1522px 867px 0 0px rgba(255,255,255, 0.911) , 1741px 1534px 0 0px rgba(255,255,255, 0.188) , 1109px 818px 0 0px rgba(255,255,255, 1) , 310px 120px 0 0px rgba(255,255,255, 0.477) , 1237px 1398px 0 0px rgba(255,255,255, 0.279) , 1310px 1287px 0 0px rgba(255,255,255, 0.217) , 1408px 762px 0 0px rgba(255,255,255, 0.552) , 645px 538px 0 0px rgba(255,255,255, 0.632) , 142px 279px 0 0px rgba(255,255,255, 0.621) , 1378px 300px 0 0px rgba(255,255,255, 0.293) , 946px 478px 0 0px rgba(255,255,255, 0.142) , 959px 612px 0 0px rgba(255,255,255, 0.962) , 211px 688px 0 0px rgba(255,255,255, 0.352) , 497px 144px 0 0px rgba(255,255,255, 0.116) , 969px 1584px 0 0px rgba(255,255,255, 0.472) , 73px 560px 0 0px rgba(255,255,255, 0.372) , 258px 925px 0 0px rgba(255,255,255, 0.928) , 1585px 594px 0 0px rgba(255,255,255, 0.947) , 1740px 865px 0 0px rgba(255,255,255, 0.111) , 1219px 1736px 0 0px rgba(255,255,255, 0.885) , 1747px 35px 0 0px rgba(255,255,255, 0.371) , 791px 838px 0 0px rgba(255,255,255, 0.941) , 1679px 1683px 0 0px rgba(255,255,255, 0.351) , 307px 1758px 0 0px rgba(255,255,255, 0.112) , 1650px 1055px 0 0px rgba(255,255,255, 0.079) , 553px 748px 0 0px rgba(255,255,255, 0.097) , 1486px 1658px 0 0px rgba(255,255,255, 0.575) , 1776px 943px 0 0px rgba(255,255,255, 0.886) , 280px 1393px 0 0px rgba(255,255,255, 0.446) , 1511px 176px 0 0px rgba(255,255,255, 0.71) , 298px 1669px 0 0px rgba(255,255,255, 0.49) , 1358px 1703px 0 0px rgba(255,255,255, 0.302) , 424px 1481px 0 0px rgba(255,255,255, 0.033) , 455px 270px 0 0px rgba(255,255,255, 0.276) , 1744px 81px 0 0px rgba(255,255,255, 0.072) , 835px 1062px 0 0px rgba(255,255,255, 0.67) , 133px 80px 0 0px rgba(255,255,255, 0.479) , 1584px 972px 0 0px rgba(255,255,255, 0.951) , 1575px 1197px 0 0px rgba(255,255,255, 0.628) , 1762px 403px 0 0px rgba(255,255,255, 0.886) , 213px 437px 0 0px rgba(255,255,255, 0.083) , 646px 307px 0 0px rgba(255,255,255, 0.694) , 100px 622px 0 0px rgba(255,255,255, 0.223) , 1024px 1742px 0 0px rgba(255,255,255, 0.981) , 359px 690px 0 0px rgba(255,255,255, 0.489) , 723px 1425px 0 0px rgba(255,255,255, 0.942) , 632px 1337px 0 0px rgba(255,255,255, 0.669) , 79px 1419px 0 0px rgba(255,255,255, 0.119) , 1464px 754px 0 0px rgba(255,255,255, 0.497) , 1563px 1484px 0 0px rgba(255,255,255, 0.891) , 1670px 524px 0 0px rgba(255,255,255, 0.867) , 207px 1318px 0 0px rgba(255,255,255, 0.193) , 331px 393px 0 0px rgba(255,255,255, 0.136) , 316px 1648px 0 0px rgba(255,255,255, 0.898) , 158px 1725px 0 0px rgba(255,255,255, 0.85) , 744px 308px 0 0px rgba(255,255,255, 0.394) , 1238px 686px 0 0px rgba(255,255,255, 0.939) , 1305px 1380px 0 0px rgba(255,255,255, 0.601) , 894px 1313px 0 0px rgba(255,255,255, 0.836) , 1489px 1033px 0 0px rgba(255,255,255, 0.772) , 1584px 1640px 0 0px rgba(255,255,255, 0.672) , 1771px 1528px 0 0px rgba(255,255,255, 0.23) , 1766px 919px 0 0px rgba(255,255,255, 0.381) , 1361px 1327px 0 0px rgba(255,255,255, 0.617) , 630px 1794px 0 0px rgba(255,255,255, 0.525) , 849px 1749px 0 0px rgba(255,255,255, 0.893) , 1780px 1742px 0 0px rgba(255,255,255, 0.327) , 445px 961px 0 0px rgba(255,255,255, 0.012) , 1020px 1334px 0 0px rgba(255,255,255, 0.818) , 1308px 1214px 0 0px rgba(255,255,255, 0.812) , 1796px 1378px 0 0px rgba(255,255,255, 0.448) , 1284px 1705px 0 0px rgba(255,255,255, 0.461) , 1775px 511px 0 0px rgba(255,255,255, 0.081) , 1635px 1485px 0 0px rgba(255,255,255, 0.977) , 17px 859px 0 0px rgba(255,255,255, 0.213) , 515px 120px 0 0px rgba(255,255,255, 0.947) , 474px 885px 0 0px rgba(255,255,255, 0.043) , 894px 435px 0 0px rgba(255,255,255, 0.483) , 105px 852px 0 0px rgba(255,255,255, 0.648) , 406px 736px 0 0px rgba(255,255,255, 0.944) , 756px 1069px 0 0px rgba(255,255,255, 0.282) , 1156px 97px 0 0px rgba(255,255,255, 0.178) , 63px 1210px 0 0px rgba(255,255,255, 0.162) , 557px 1784px 0 0px rgba(255,255,255, 0.826) , 880px 1203px 0 0px rgba(255,255,255, 0.965) , 1571px 383px 0 0px rgba(255,255,255, 0.105) , 1597px 110px 0 0px rgba(255,255,255, 0.687) , 1154px 17px 0 0px rgba(255,255,255, 0.991) , 1673px 1606px 0 0px rgba(255,255,255, 0.972) , 811px 1364px 0 0px rgba(255,255,255, 0.887) , 647px 1395px 0 0px rgba(255,255,255, 0.571) , 514px 1370px 0 0px rgba(255,255,255, 0.775) , 1514px 852px 0 0px rgba(255,255,255, 0.731) , 315px 842px 0 0px rgba(255,255,255, 0.448) , 1784px 1634px 0 0px rgba(255,255,255, 0.056) , 293px 1507px 0 0px rgba(255,255,255, 0.06) , 1323px 359px 0 0px rgba(255,255,255, 0.895) , 1719px 783px 0 0px rgba(255,255,255, 0.161) , 822px 1273px 0 0px rgba(255,255,255, 0.751) , 1764px 1254px 0 0px rgba(255,255,255, 0.702) , 953px 599px 0 0px rgba(255,255,255, 0.647) , 1251px 979px 0 0px rgba(255,255,255, 0.791) , 1493px 1111px 0 0px rgba(255,255,255, 0.85) , 891px 1686px 0 0px rgba(255,255,255, 0.974) , 894px 1319px 0 0px rgba(255,255,255, 0.661) , 855px 354px 0 0px rgba(255,255,255, 0.297) , 1385px 119px 0 0px rgba(255,255,255, 0.581) , 1396px 1252px 0 0px rgba(255,255,255, 0.382) , 1547px 966px 0 0px rgba(255,255,255, 0.121) , 1557px 385px 0 0px rgba(255,255,255, 0.964) , 836px 357px 0 0px rgba(255,255,255, 0.612) , 349px 40px 0 0px rgba(255,255,255, 0.486) , 1086px 292px 0 0px rgba(255,255,255, 0.895) , 206px 1035px 0 0px rgba(255,255,255, 0.751) , 266px 717px 0 0px rgba(255,255,255, 0.634) , 1051px 50px 0 0px rgba(255,255,255, 0.536) , 1538px 766px 0 0px rgba(255,255,255, 0.983) , 1309px 22px 0 0px rgba(255,255,255, 0.682) , 525px 603px 0 0px rgba(255,255,255, 0.362) , 254px 877px 0 0px rgba(255,255,255, 0.056) , 1470px 1616px 0 0px rgba(255,255,255, 0.892) , 380px 1601px 0 0px rgba(255,255,255, 0.785) , 248px 763px 0 0px rgba(255,255,255, 0.407) , 1467px 1579px 0 0px rgba(255,255,255, 0.169) , 167px 436px 0 0px rgba(255,255,255, 0.137) , 395px 166px 0 0px rgba(255,255,255, 0.458) , 1133px 1341px 0 0px rgba(255,255,255, 0.97) , 142px 686px 0 0px rgba(255,255,255, 0.031) , 310px 43px 0 0px rgba(255,255,255, 0.798) , 1141px 442px 0 0px rgba(255,255,255, 0.715) , 1759px 599px 0 0px rgba(255,255,255, 0.375) , 530px 352px 0 0px rgba(255,255,255, 0.515) , 195px 504px 0 0px rgba(255,255,255, 0.838) , 1357px 950px 0 0px rgba(255,255,255, 0.948) , 1098px 1518px 0 0px rgba(255,255,255, 0.491) , 1517px 1445px 0 0px rgba(255,255,255, 0.713) , 1546px 496px 0 0px rgba(255,255,255, 0.399) , 76px 54px 0 0px rgba(255,255,255, 0.739) , 1300px 1037px 0 0px rgba(255,255,255, 0.193) , 182px 464px 0 0px rgba(255,255,255, 0.785) , 1204px 692px 0 0px rgba(255,255,255, 0.094) , 1563px 836px 0 0px rgba(255,255,255, 0.656) , 42px 1196px 0 0px rgba(255,255,255, 0.663) , 982px 741px 0 0px rgba(255,255,255, 0.972) , 43px 58px 0 0px rgba(255,255,255, 0.409) , 523px 504px 0 0px rgba(255,255,255, 0.953) , 526px 15px 0 0px rgba(255,255,255, 0.975) , 1073px 645px 0 0px rgba(255,255,255, 0.883) , 742px 1603px 0 0px rgba(255,255,255, 0.686) , 1028px 1799px 0 0px rgba(255,255,255, 0.801) , 1395px 744px 0 0px rgba(255,255,255, 0.089) , 350px 1024px 0 0px rgba(255,255,255, 0.782) , 1735px 340px 0 0px rgba(255,255,255, 0.293) , 590px 1546px 0 0px rgba(255,255,255, 0.65) , 551px 567px 0 0px rgba(255,255,255, 0.279) , 1160px 1236px 0 0px rgba(255,255,255, 0.311) , 1137px 459px 0 0px rgba(255,255,255, 0.957) , 913px 1402px 0 0px rgba(255,255,255, 0.932) , 1707px 1040px 0 0px rgba(255,255,255, 0.043) , 1431px 608px 0 0px rgba(255,255,255, 0.465) , 806px 732px 0 0px rgba(255,255,255, 0.35) , 1416px 221px 0 0px rgba(255,255,255, 0.302) , 6px 669px 0 0px rgba(255,255,255, 0.638) , 1168px 834px 0 0px rgba(255,255,255, 0.756) , 696px 37px 0 0px rgba(255,255,255, 0.445) , 781px 5px 0 0px rgba(255,255,255, 0.691) , 649px 1422px 0 0px rgba(255,255,255, 0.614) , 374px 881px 0 0px rgba(255,255,255, 0.31) , 443px 43px 0 0px rgba(255,255,255, 0.384) , 1194px 392px 0 0px rgba(255,255,255, 0.711) , 887px 1411px 0 0px rgba(255,255,255, 0.091) , 365px 449px 0 0px rgba(255,255,255, 0.636) , 199px 967px 0 0px rgba(255,255,255, 0.339) , 193px 1065px 0 0px rgba(255,255,255, 0.801) , 1566px 802px 0 0px rgba(255,255,255, 0.246) , 1343px 1079px 0 0px rgba(255,255,255, 0.852) , 84px 694px 0 0px rgba(255,255,255, 0.227) , 65px 1636px 0 0px rgba(255,255,255, 0.358) , 284px 1670px 0 0px rgba(255,255,255, 0.197) , 496px 816px 0 0px rgba(255,255,255, 0.942) , 407px 1205px 0 0px rgba(255,255,255, 0.544) , 1732px 995px 0 0px rgba(255,255,255, 0.442) , 1328px 1657px 0 0px rgba(255,255,255, 0.09) , 818px 1568px 0 0px rgba(255,255,255, 0.439) , 1743px 174px 0 0px rgba(255,255,255, 0.115) , 995px 306px 0 0px rgba(255,255,255, 0.477) , 1088px 714px 0 0px rgba(255,255,255, 0.748) , 1241px 470px 0 0px rgba(255,255,255, 0.077) , 55px 1086px 0 0px rgba(255,255,255, 0.584) , 613px 1239px 0 0px rgba(255,255,255, 0.129) , 1307px 1478px 0 0px rgba(255,255,255, 0.096) , 1083px 1343px 0 0px rgba(255,255,255, 0.926) , 1790px 1021px 0 0px rgba(255,255,255, 0.004);
  border-radius: 100px;
}
.solar-syst div {
  border-radius: 1000px;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 999;
}
.solar-syst div:not(.sun) {
  border: 1px solid rgba(102, 166, 229, 0.12);
}
.solar-syst div:not(.sun):before {
  left: 50%;
  border-radius: 100px;
  content: "";
  position.........完整代码请登录后点击上方下载按钮下载查看
纯css打造太阳系行星运行轨迹图运动版

网友评论0

css使用details标签实现水平折叠面板效果代码

svg+css文字排版布局艺术效果代码

div+css布局实现波浪背景动画卡片效果代码

css布局实现砖头墙文字效果代码

div+Css布局实现拟态立体质感checkbox开关切换效果代码

div+Css布局实现checkbox播放与停止播放滑动切换按钮代码

div+css布局实现拍照按钮点击效果代码

div+Css布局耳机盒子效果代码

div+css布局实现立体质感radio播放按键按下切换单选效果代码

css实现div丁字形布局代码
