Published on

How To Make A Floating Stars Background

Authors

This guide will teach your how to add floating stars to your selected element.

If you have been using light mode on the blog you may have not noticed the floating stars background effect, but if you toggle the theme from the top widget you will see that the site uses a CSS technique that makes it appear like a space type theme with floating stars !

This guide is brought to you by Saransh Sinha's workings on Parallax Stars Background in CSS1

Getting Started With Elements

You will first need to create <div> tag(s) in order to hold your stars elements. So if you would like to have multiple sizes of stars you will need additional tags.

This will look something like the following.

index.html
<div class="stars"></div>

If you are going to be using multiple stars then it will look like the following.

index.html
<div class="stars"></div>
<div class="stars2"></div>
<div class="stars3"></div>

You will then want to make a link to your CSS file and copy & paste the code below, or attach the following CSS to your HTML file in a <styles> tag to display the stars element(s) that you have added on to you HTML floating updward on your screen2

styles/main.css
.stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1495px 1658px #fff, 761px 829px #fff, 847px 754px #fff,
    499px 289px #fff, 1983px 218px #fff, 294px 1167px #fff, 1317px 174px #fff,
    1096px 81px #fff, 1588px 1634px #fff, 1844px 43px #fff, 290px 1049px #fff,
    863px 1108px #fff, 250px 806px #fff, 1783px 1991px #fff, 1692px 1672px #fff,
    1167px 589px #fff, 463px 298px #fff, 95px 290px #fff, 4px 688px #fff,
    1466px 868px #fff, 1986px 186px #fff, 821px 689px #fff, 616px 1739px #fff,
    1723px 464px #fff, 51px 1669px #fff, 1807px 996px #fff, 17px 1554px #fff,
    1302px 1133px #fff, 1843px 1975px #fff, 11px 938px #fff, 1839px 626px #fff,
    1293px 356px #fff, 1971px 247px #fff, 367px 1218px #fff, 953px 6px #fff,
    18px 104px #fff, 964px 1216px #fff, 341px 1344px #fff, 849px 1357px #fff,
    1260px 616px #fff, 121px 242px #fff, 8px 1152px #fff, 930px 1809px #fff,
    859px 1963px #fff, 149px 1689px #fff, 1776px 573px #fff, 234px 1484px #fff,
    885px 1642px #fff, 1678px 1119px #fff, 683px 918px #fff, 118px 1445px #fff,
    1769px 1463px #fff, 483px 97px #fff, 1948px 1653px #fff, 1720px 882px #fff,
    1821px 31px #fff, 1177px 468px #fff, 1178px 910px #fff, 1327px 1160px #fff,
    416px 438px #fff, 1725px 905px #fff, 1496px 696px #fff, 1079px 1490px #fff,
    1645px 1683px #fff, 788px 439px #fff, 1028px 1850px #fff, 159px 1394px #fff,
    1181px 903px #fff, 1688px 411px #fff, 866px 1748px #fff, 231px 1458px #fff,
    1273px 577px #fff, 1246px 1389px #fff, 1277px 1576px #fff, 530px 1216px #fff,
    762px 1641px #fff, 1927px 1365px #fff, 1771px 1863px #fff, 708px 1789px #fff,
    1791px 1230px #fff, 978px 535px #fff, 1941px 203px #fff, 107px 9px #fff,
    1793px 813px #fff, 558px 1138px #fff, 350px 413px #fff, 346px 1909px #fff,
    53px 810px #fff, 308px 831px #fff, 727px 1758px #fff, 530px 683px #fff,
    1780px 1467px #fff, 1452px 1252px #fff, 1552px 1172px #fff,
    1251px 714px #fff, 375px 880px #fff, 663px 159px #fff, 1910px 324px #fff,
    1854px 499px #fff, 856px 656px #fff, 476px 1337px #fff, 515px 179px #fff,
    1686px 1355px #fff, 1732px 1818px #fff, 259px 237px #fff, 1519px 512px #fff,
    342px 1990px #fff, 685px 320px #fff, 900px 305px #fff, 390px 434px #fff,
    335px 743px #fff, 602px 1143px #fff, 314px 715px #fff, 1171px 1009px #fff,
    553px 1089px #fff, 1364px 129px #fff, 1155px 1769px #fff, 817px 1105px #fff,
    1039px 1461px #fff, 1865px 408px #fff, 707px 1080px #fff, 133px 151px #fff,
    307px 1944px #fff, 808px 1146px #fff, 1036px 502px #fff, 1646px 441px #fff,
    1003px 1824px #fff, 722px 132px #fff, 1656px 725px #fff, 719px 137px #fff,
    172px 1272px #fff, 203px 1963px #fff, 600px 1868px #fff, 1629px 1917px #fff,
    204px 1021px #fff, 538px 1787px #fff, 1614px 890px #fff, 745px 57px #fff,
    1602px 1972px #fff, 804px 1188px #fff, 1601px 504px #fff, 157px 1200px #fff,
    1245px 607px #fff, 805px 1004px #fff, 736px 518px #fff, 1321px 1349px #fff,
    714px 1067px #fff, 561px 559px #fff, 649px 1404px #fff, 411px 289px #fff,
    774px 1759px #fff, 442px 417px #fff, 1254px 927px #fff, 789px 356px #fff,
    337px 1370px #fff, 465px 1582px #fff, 1216px 1707px #fff, 221px 1541px #fff,
    758px 498px #fff, 1157px 626px #fff, 324px 966px #fff, 758px 1177px #fff,
    1807px 535px #fff, 1278px 1241px #fff, 1368px 25px #fff, 1px 1336px #fff,
    1952px 812px #fff, 1265px 739px #fff, 987px 1930px #fff, 481px 872px #fff,
    109px 1761px #fff, 1px 178px #fff, 1401px 1060px #fff, 1584px 1109px #fff,
    1294px 1924px #fff, 919px 1320px #fff, 395px 1624px #fff, 1037px 1944px #fff,
    887px 1820px #fff, 1624px 695px #fff, 482px 1553px #fff, 1608px 1264px #fff,
    315px 407px #fff, 60px 764px #fff, 801px 213px #fff, 1455px 1903px #fff,
    1371px 1896px #fff, 113px 269px #fff, 1416px 1017px #fff, 1321px 967px #fff,
    516px 1202px #fff, 484px 1766px #fff, 319px 1453px #fff, 1966px 1031px #fff,
    1968px 1612px #fff, 651px 1613px #fff, 694px 1410px #fff, 1666px 1872px #fff,
    326px 1562px #fff, 267px 1512px #fff, 1383px 523px #fff, 1552px 1500px #fff,
    1777px 1097px #fff, 569px 1064px #fff, 776px 782px #fff, 1658px 1865px #fff,
    1849px 1424px #fff, 1291px 1459px #fff, 173px 605px #fff, 958px 1507px #fff,
    464px 690px #fff, 913px 1857px #fff, 1355px 1747px #fff, 1559px 29px #fff,
    104px 1488px #fff, 1391px 396px #fff, 1199px 323px #fff, 1906px 526px #fff,
    62px 565px #fff, 1539px 1125px #fff, 2000px 710px #fff, 1148px 1547px #fff,
    1725px 982px #fff, 662px 1151px #fff, 1328px 252px #fff, 26px 1737px #fff,
    1822px 928px #fff, 301px 428px #fff, 1102px 437px #fff, 1441px 1678px #fff,
    668px 549px #fff, 216px 1886px #fff, 1103px 1496px #fff, 1711px 733px #fff,
    1405px 670px #fff, 1067px 690px #fff, 1453px 1071px #fff, 1248px 351px #fff,
    1742px 1758px #fff, 104px 682px #fff, 1167px 1617px #fff, 1595px 138px #fff,
    1507px 779px #fff, 712px 594px #fff, 1386px 1156px #fff, 1814px 1221px #fff,
    173px 1606px #fff, 1848px 724px #fff, 610px 1699px #fff, 1071px 1566px #fff,
    1954px 300px #fff, 476px 1251px #fff, 617px 707px #fff, 668px 1623px #fff,
    1043px 713px #fff, 705px 150px #fff, 1817px 1684px #fff, 1767px 932px #fff,
    1868px 896px #fff, 125px 27px #fff, 1573px 901px #fff, 364px 887px #fff,
    1067px 145px #fff, 772px 1118px #fff, 1346px 1786px #fff, 609px 1075px #fff,
    885px 1475px #fff, 1524px 1519px #fff, 1388px 592px #fff, 924px 1681px #fff,
    580px 1771px #fff, 1975px 226px #fff, 469px 214px #fff, 1154px 1429px #fff,
    910px 661px #fff, 783px 822px #fff, 1602px 1170px #fff, 1114px 389px #fff,
    1278px 701px #fff, 95px 82px #fff, 381px 139px #fff, 1664px 1215px #fff,
    210px 750px #fff, 679px 98px #fff, 1531px 1674px #fff, 812px 1914px #fff,
    1327px 1059px #fff, 1436px 133px #fff, 514px 18px #fff, 1763px 417px #fff,
    1941px 1612px #fff, 1601px 1870px #fff, 1328px 740px #fff, 693px 1523px #fff,
    1583px 1226px #fff, 1844px 1643px #fff, 1428px 1491px #fff,
    1525px 760px #fff, 411px 1577px #fff, 114px 33px #fff, 770px 1163px #fff,
    864px 81px #fff, 1538px 869px #fff, 1875px 1926px #fff, 131px 428px #fff,
    1402px 1456px #fff, 1388px 19px #fff, 1928px 459px #fff, 564px 1973px #fff,
    1951px 652px #fff, 1115px 265px #fff, 113px 1152px #fff, 1218px 1775px #fff,
    1068px 1360px #fff, 895px 540px #fff, 835px 1110px #fff, 327px 846px #fff,
    940px 1247px #fff, 1186px 980px #fff, 1151px 977px #fff, 1338px 1503px #fff,
    1650px 546px #fff, 437px 670px #fff, 789px 1760px #fff, 1766px 1517px #fff,
    1014px 728px #fff, 448px 893px #fff, 1220px 1160px #fff, 211px 1171px #fff,
    1407px 1655px #fff, 630px 361px #fff, 216px 860px #fff, 1280px 1779px #fff,
    1032px 437px #fff, 1943px 1370px #fff, 153px 398px #fff, 1191px 1150px #fff,
    1361px 1444px #fff, 15px 1203px #fff, 1753px 910px #fff, 389px 1769px #fff,
    1736px 945px #fff, 524px 1439px #fff, 1089px 903px #fff, 1846px 1353px #fff,
    698px 1028px #fff, 185px 801px #fff, 762px 468px #fff, 1981px 177px #fff,
    563px 519px #fff, 1916px 1563px #fff, 436px 223px #fff, 1215px 158px #fff,
    147px 556px #fff, 1598px 365px #fff, 668px 1066px #fff, 542px 899px #fff,
    1921px 1786px #fff, 965px 1049px #fff, 484px 1439px #fff, 900px 1526px #fff,
    529px 446px #fff, 1050px 1746px #fff, 243px 1901px #fff, 750px 688px #fff,
    1267px 1623px #fff, 1697px 168px #fff, 1439px 1775px #fff, 376px 1598px #fff,
    221px 977px #fff, 448px 1983px #fff, 70px 766px #fff, 72px 1488px #fff,
    530px 364px #fff, 927px 442px #fff, 440px 779px #fff, 1044px 1784px #fff,
    1098px 845px #fff, 557px 691px #fff, 1652px 233px #fff, 531px 470px #fff,
    1263px 1510px #fff, 511px 1873px #fff, 317px 68px #fff, 1555px 1825px #fff,
    835px 74px #fff, 1884px 602px #fff, 4px 744px #fff, 1151px 1909px #fff,
    1704px 755px #fff, 1745px 1762px #fff, 1540px 1615px #fff, 463px 846px #fff,
    286px 331px #fff, 1926px 1218px #fff, 1918px 1160px #fff, 58px 1760px #fff,
    1966px 179px #fff, 1427px 490px #fff, 921px 1945px #fff, 1377px 383px #fff,
    1489px 222px #fff, 1473px 1462px #fff, 1294px 1502px #fff,
    1074px 1948px #fff, 1793px 336px #fff, 1351px 395px #fff, 1163px 1282px #fff,
    1031px 1587px #fff, 997px 1547px #fff, 557px 1564px #fff, 27px 132px #fff,
    1293px 1891px #fff, 1778px 212px #fff, 1192px 630px #fff, 215px 416px #fff,
    1544px 961px #fff, 748px 131px #fff, 1841px 1438px #fff, 1674px 1525px #fff,
    1407px 1479px #fff, 49px 159px #fff, 169px 214px #fff, 1503px 1014px #fff,
    1733px 1124px #fff, 1286px 1807px #fff, 624px 1584px #fff,
    1671px 1240px #fff, 1167px 610px #fff, 1029px 863px #fff, 1387px 114px #fff,
    603px 997px #fff, 1064px 240px #fff, 926px 1083px #fff, 111px 913px #fff,
    1467px 1698px #fff, 1354px 319px #fff, 1961px 367px #fff, 319px 1439px #fff,
    1539px 995px #fff, 1821px 1075px #fff, 1553px 840px #fff, 962px 269px #fff,
    1667px 1401px #fff, 1882px 973px #fff, 98px 1199px #fff, 1092px 1969px #fff,
    1303px 903px #fff, 1150px 970px #fff, 631px 300px #fff, 987px 1267px #fff,
    1161px 784px #fff, 979px 1522px #fff, 191px 240px #fff, 506px 630px #fff,
    916px 818px #fff, 949px 805px #fff, 2000px 601px #fff, 1795px 221px #fff,
    173px 753px #fff, 1344px 441px #fff, 356px 77px #fff, 1910px 985px #fff,
    1209px 411px #fff, 1588px 1162px #fff, 919px 1933px #fff, 1438px 877px #fff,
    1991px 1234px #fff, 1295px 1400px #fff, 963px 1395px #fff, 293px 1858px #fff,
    1783px 1123px #fff, 1813px 808px #fff, 1541px 1074px #fff, 1459px 928px #fff,
    937px 815px #fff, 654px 1326px #fff, 1701px 1571px #fff, 1582px 181px #fff,
    1617px 1804px #fff, 53px 588px #fff, 1369px 415px #fff, 1354px 1969px #fff,
    732px 1619px #fff, 851px 761px #fff, 1885px 1227px #fff, 330px 1519px #fff,
    1113px 1235px #fff, 1470px 286px #fff, 244px 969px #fff, 432px 1084px #fff,
    198px 1124px #fff, 1727px 1133px #fff, 699px 256px #fff, 1363px 1124px #fff,
    1797px 1491px #fff, 77px 279px #fff, 977px 899px #fff, 747px 690px #fff,
    158px 947px #fff, 283px 614px #fff, 1211px 455px #fff, 1788px 412px #fff,
    214px 1147px #fff, 625px 1786px #fff, 1200px 1882px #fff, 865px 1269px #fff,
    1656px 1100px #fff, 1824px 1079px #fff, 59px 1016px #fff, 1098px 1239px #fff,
    1088px 39px #fff, 291px 460px #fff, 1982px 1934px #fff, 968px 1597px #fff,
    1485px 1145px #fff, 1974px 1211px #fff, 779px 255px #fff, 52px 28px #fff,
    293px 1014px #fff, 1899px 810px #fff, 1866px 48px #fff, 951px 349px #fff,
    528px 181px #fff, 874px 1606px #fff, 836px 1849px #fff, 227px 1930px #fff,
    1747px 595px #fff, 398px 202px #fff, 1021px 1541px #fff, 1292px 1265px #fff,
    1925px 1202px #fff, 1990px 919px #fff, 673px 1076px #fff, 1673px 1097px #fff,
    1847px 1991px #fff, 736px 623px #fff, 295px 1988px #fff, 1712px 1191px #fff,
    45px 1075px #fff, 517px 1184px #fff, 1230px 504px #fff, 797px 1196px #fff,
    594px 1919px #fff, 1121px 1810px #fff, 1290px 1234px #fff, 426px 1209px #fff,
    241px 321px #fff, 1053px 338px #fff, 1256px 1628px #fff, 1010px 1314px #fff,
    1141px 1835px #fff, 1731px 76px #fff, 288px 1435px #fff, 1097px 366px #fff,
    1406px 1153px #fff, 1212px 101px #fff, 1196px 1614px #fff, 196px 1565px #fff,
    6px 273px #fff, 645px 1967px #fff, 1722px 483px #fff, 1402px 1544px #fff,
    62px 225px #fff, 105px 598px #fff, 827px 1630px #fff, 168px 317px #fff,
    370px 490px #fff, 288px 1570px #fff, 928px 620px #fff, 994px 343px #fff,
    1802px 922px #fff, 88px 1373px #fff, 1606px 1082px #fff, 978px 1810px #fff,
    1979px 1573px #fff, 242px 469px #fff, 1226px 693px #fff, 1857px 1664px #fff,
    1871px 723px #fff, 469px 746px #fff, 1346px 842px #fff, 716px 1188px #fff,
    175px 203px #fff, 310px 679px #fff, 1660px 1684px #fff, 1636px 1993px #fff,
    905px 1223px #fff, 1149px 1816px #fff, 96px 1228px #fff, 31px 609px #fff,
    536px 710px #fff, 118px 1860px #fff, 34px 1342px #fff, 587px 1201px #fff,
    1914px 19px #fff, 1128px 758px #fff, 1031px 1756px #fff, 885px 1709px #fff,
    863px 630px #fff, 1355px 908px #fff, 85px 1161px #fff, 5px 593px #fff,
    1889px 1032px #fff, 542px 625px #fff, 1946px 1683px #fff, 1324px 1582px #fff,
    50px 1363px #fff, 1950px 319px #fff, 149px 1737px #fff, 547px 835px #fff,
    579px 1213px #fff, 1548px 284px #fff, 1092px 1684px #fff, 806px 233px #fff,
    1681px 659px #fff, 381px 1453px #fff, 1590px 1890px #fff, 335px 219px #fff,
    1871px 471px #fff, 753px 1126px #fff, 1118px 1654px #fff, 666px 206px #fff,
    220px 188px #fff, 1760px 630px #fff, 1730px 832px #fff, 960px 25px #fff,
    1841px 945px #fff, 1901px 305px #fff, 1765px 640px #fff, 1703px 491px #fff,
    251px 1948px #fff, 1381px 1159px #fff, 411px 644px #fff, 586px 697px #fff,
    276px 1920px #fff, 1518px 514px #fff, 1072px 1103px #fff, 1906px 618px #fff,
    326px 963px #fff, 1876px 31px #fff, 1755px 863px #fff, 639px 273px #fff,
    1207px 1345px #fff, 1199px 263px #fff, 1505px 231px #fff, 1294px 1662px #fff,
    617px 601px #fff, 1750px 1632px #fff, 255px 1313px #fff, 1706px 1895px #fff,
    19px 475px #fff, 3px 421px #fff, 863px 555px #fff, 258px 1640px #fff,
    1628px 1414px #fff, 1396px 171px #fff, 867px 621px #fff, 804px 475px #fff,
    1068px 1079px #fff, 175px 173px #fff, 1492px 679px #fff, 230px 1678px #fff,
    1101px 909px #fff, 1655px 109px #fff, 303px 395px #fff, 1974px 254px #fff,
    1008px 1449px #fff, 1273px 1144px #fff, 978px 1320px #fff, 1473px 107px #fff,
    765px 546px #fff, 189px 1143px #fff, 972px 734px #fff, 536px 494px #fff,
    302px 1235px #fff, 436px 853px #fff, 1818px 1281px #fff, 916px 361px #fff,
    760px 828px #fff, 1233px 1038px #fff, 21px 406px #fff, 1321px 1493px #fff,
    476px 1127px #fff, 1492px 1484px #fff, 1234px 139px #fff, 663px 1863px #fff,
    1870px 153px #fff, 347px 1813px #fff, 154px 1423px #fff, 128px 1819px #fff,
    1775px 1623px #fff, 847px 51px #fff, 1737px 224px #fff, 1819px 722px #fff,
    420px 240px #fff, 1002px 1911px #fff, 877px 1161px #fff, 1482px 1073px #fff,
    954px 1469px #fff;
  animation: animStar 50s linear infinite;
}
.stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1495px 1658px #fff, 761px 829px #fff, 847px 754px #fff,
    499px 289px #fff, 1983px 218px #fff, 294px 1167px #fff, 1317px 174px #fff,
    1096px 81px #fff, 1588px 1634px #fff, 1844px 43px #fff, 290px 1049px #fff,
    863px 1108px #fff, 250px 806px #fff, 1783px 1991px #fff, 1692px 1672px #fff,
    1167px 589px #fff, 463px 298px #fff, 95px 290px #fff, 4px 688px #fff,
    1466px 868px #fff, 1986px 186px #fff, 821px 689px #fff, 616px 1739px #fff,
    1723px 464px #fff, 51px 1669px #fff, 1807px 996px #fff, 17px 1554px #fff,
    1302px 1133px #fff, 1843px 1975px #fff, 11px 938px #fff, 1839px 626px #fff,
    1293px 356px #fff, 1971px 247px #fff, 367px 1218px #fff, 953px 6px #fff,
    18px 104px #fff, 964px 1216px #fff, 341px 1344px #fff, 849px 1357px #fff,
    1260px 616px #fff, 121px 242px #fff, 8px 1152px #fff, 930px 1809px #fff,
    859px 1963px #fff, 149px 1689px #fff, 1776px 573px #fff, 234px 1484px #fff,
    885px 1642px #fff, 1678px 1119px #fff, 683px 918px #fff, 118px 1445px #fff,
    1769px 1463px #fff, 483px 97px #fff, 1948px 1653px #fff, 1720px 882px #fff,
    1821px 31px #fff, 1177px 468px #fff, 1178px 910px #fff, 1327px 1160px #fff,
    416px 438px #fff, 1725px 905px #fff, 1496px 696px #fff, 1079px 1490px #fff,
    1645px 1683px #fff, 788px 439px #fff, 1028px 1850px #fff, 159px 1394px #fff,
    1181px 903px #fff, 1688px 411px #fff, 866px 1748px #fff, 231px 1458px #fff,
    1273px 577px #fff, 1246px 1389px #fff, 1277px 1576px #fff, 530px 1216px #fff,
    762px 1641px #fff, 1927px 1365px #fff, 1771px 1863px #fff, 708px 1789px #fff,
    1791px 1230px #fff, 978px 535px #fff, 1941px 203px #fff, 107px 9px #fff,
    1793px 813px #fff, 558px 1138px #fff, 350px 413px #fff, 346px 1909px #fff,
    53px 810px #fff, 308px 831px #fff, 727px 1758px #fff, 530px 683px #fff,
    1780px 1467px #fff, 1452px 1252px #fff, 1552px 1172px #fff,
    1251px 714px #fff, 375px 880px #fff, 663px 159px #fff, 1910px 324px #fff,
    1854px 499px #fff, 856px 656px #fff, 476px 1337px #fff, 515px 179px #fff,
    1686px 1355px #fff, 1732px 1818px #fff, 259px 237px #fff, 1519px 512px #fff,
    342px 1990px #fff, 685px 320px #fff, 900px 305px #fff, 390px 434px #fff,
    335px 743px #fff, 602px 1143px #fff, 314px 715px #fff, 1171px 1009px #fff,
    553px 1089px #fff, 1364px 129px #fff, 1155px 1769px #fff, 817px 1105px #fff,
    1039px 1461px #fff, 1865px 408px #fff, 707px 1080px #fff, 133px 151px #fff,
    307px 1944px #fff, 808px 1146px #fff, 1036px 502px #fff, 1646px 441px #fff,
    1003px 1824px #fff, 722px 132px #fff, 1656px 725px #fff, 719px 137px #fff,
    172px 1272px #fff, 203px 1963px #fff, 600px 1868px #fff, 1629px 1917px #fff,
    204px 1021px #fff, 538px 1787px #fff, 1614px 890px #fff, 745px 57px #fff,
    1602px 1972px #fff, 804px 1188px #fff, 1601px 504px #fff, 157px 1200px #fff,
    1245px 607px #fff, 805px 1004px #fff, 736px 518px #fff, 1321px 1349px #fff,
    714px 1067px #fff, 561px 559px #fff, 649px 1404px #fff, 411px 289px #fff,
    774px 1759px #fff, 442px 417px #fff, 1254px 927px #fff, 789px 356px #fff,
    337px 1370px #fff, 465px 1582px #fff, 1216px 1707px #fff, 221px 1541px #fff,
    758px 498px #fff, 1157px 626px #fff, 324px 966px #fff, 758px 1177px #fff,
    1807px 535px #fff, 1278px 1241px #fff, 1368px 25px #fff, 1px 1336px #fff,
    1952px 812px #fff, 1265px 739px #fff, 987px 1930px #fff, 481px 872px #fff,
    109px 1761px #fff, 1px 178px #fff, 1401px 1060px #fff, 1584px 1109px #fff,
    1294px 1924px #fff, 919px 1320px #fff, 395px 1624px #fff, 1037px 1944px #fff,
    887px 1820px #fff, 1624px 695px #fff, 482px 1553px #fff, 1608px 1264px #fff,
    315px 407px #fff, 60px 764px #fff, 801px 213px #fff, 1455px 1903px #fff,
    1371px 1896px #fff, 113px 269px #fff, 1416px 1017px #fff, 1321px 967px #fff,
    516px 1202px #fff, 484px 1766px #fff, 319px 1453px #fff, 1966px 1031px #fff,
    1968px 1612px #fff, 651px 1613px #fff, 694px 1410px #fff, 1666px 1872px #fff,
    326px 1562px #fff, 267px 1512px #fff, 1383px 523px #fff, 1552px 1500px #fff,
    1777px 1097px #fff, 569px 1064px #fff, 776px 782px #fff, 1658px 1865px #fff,
    1849px 1424px #fff, 1291px 1459px #fff, 173px 605px #fff, 958px 1507px #fff,
    464px 690px #fff, 913px 1857px #fff, 1355px 1747px #fff, 1559px 29px #fff,
    104px 1488px #fff, 1391px 396px #fff, 1199px 323px #fff, 1906px 526px #fff,
    62px 565px #fff, 1539px 1125px #fff, 2000px 710px #fff, 1148px 1547px #fff,
    1725px 982px #fff, 662px 1151px #fff, 1328px 252px #fff, 26px 1737px #fff,
    1822px 928px #fff, 301px 428px #fff, 1102px 437px #fff, 1441px 1678px #fff,
    668px 549px #fff, 216px 1886px #fff, 1103px 1496px #fff, 1711px 733px #fff,
    1405px 670px #fff, 1067px 690px #fff, 1453px 1071px #fff, 1248px 351px #fff,
    1742px 1758px #fff, 104px 682px #fff, 1167px 1617px #fff, 1595px 138px #fff,
    1507px 779px #fff, 712px 594px #fff, 1386px 1156px #fff, 1814px 1221px #fff,
    173px 1606px #fff, 1848px 724px #fff, 610px 1699px #fff, 1071px 1566px #fff,
    1954px 300px #fff, 476px 1251px #fff, 617px 707px #fff, 668px 1623px #fff,
    1043px 713px #fff, 705px 150px #fff, 1817px 1684px #fff, 1767px 932px #fff,
    1868px 896px #fff, 125px 27px #fff, 1573px 901px #fff, 364px 887px #fff,
    1067px 145px #fff, 772px 1118px #fff, 1346px 1786px #fff, 609px 1075px #fff,
    885px 1475px #fff, 1524px 1519px #fff, 1388px 592px #fff, 924px 1681px #fff,
    580px 1771px #fff, 1975px 226px #fff, 469px 214px #fff, 1154px 1429px #fff,
    910px 661px #fff, 783px 822px #fff, 1602px 1170px #fff, 1114px 389px #fff,
    1278px 701px #fff, 95px 82px #fff, 381px 139px #fff, 1664px 1215px #fff,
    210px 750px #fff, 679px 98px #fff, 1531px 1674px #fff, 812px 1914px #fff,
    1327px 1059px #fff, 1436px 133px #fff, 514px 18px #fff, 1763px 417px #fff,
    1941px 1612px #fff, 1601px 1870px #fff, 1328px 740px #fff, 693px 1523px #fff,
    1583px 1226px #fff, 1844px 1643px #fff, 1428px 1491px #fff,
    1525px 760px #fff, 411px 1577px #fff, 114px 33px #fff, 770px 1163px #fff,
    864px 81px #fff, 1538px 869px #fff, 1875px 1926px #fff, 131px 428px #fff,
    1402px 1456px #fff, 1388px 19px #fff, 1928px 459px #fff, 564px 1973px #fff,
    1951px 652px #fff, 1115px 265px #fff, 113px 1152px #fff, 1218px 1775px #fff,
    1068px 1360px #fff, 895px 540px #fff, 835px 1110px #fff, 327px 846px #fff,
    940px 1247px #fff, 1186px 980px #fff, 1151px 977px #fff, 1338px 1503px #fff,
    1650px 546px #fff, 437px 670px #fff, 789px 1760px #fff, 1766px 1517px #fff,
    1014px 728px #fff, 448px 893px #fff, 1220px 1160px #fff, 211px 1171px #fff,
    1407px 1655px #fff, 630px 361px #fff, 216px 860px #fff, 1280px 1779px #fff,
    1032px 437px #fff, 1943px 1370px #fff, 153px 398px #fff, 1191px 1150px #fff,
    1361px 1444px #fff, 15px 1203px #fff, 1753px 910px #fff, 389px 1769px #fff,
    1736px 945px #fff, 524px 1439px #fff, 1089px 903px #fff, 1846px 1353px #fff,
    698px 1028px #fff, 185px 801px #fff, 762px 468px #fff, 1981px 177px #fff,
    563px 519px #fff, 1916px 1563px #fff, 436px 223px #fff, 1215px 158px #fff,
    147px 556px #fff, 1598px 365px #fff, 668px 1066px #fff, 542px 899px #fff,
    1921px 1786px #fff, 965px 1049px #fff, 484px 1439px #fff, 900px 1526px #fff,
    529px 446px #fff, 1050px 1746px #fff, 243px 1901px #fff, 750px 688px #fff,
    1267px 1623px #fff, 1697px 168px #fff, 1439px 1775px #fff, 376px 1598px #fff,
    221px 977px #fff, 448px 1983px #fff, 70px 766px #fff, 72px 1488px #fff,
    530px 364px #fff, 927px 442px #fff, 440px 779px #fff, 1044px 1784px #fff,
    1098px 845px #fff, 557px 691px #fff, 1652px 233px #fff, 531px 470px #fff,
    1263px 1510px #fff, 511px 1873px #fff, 317px 68px #fff, 1555px 1825px #fff,
    835px 74px #fff, 1884px 602px #fff, 4px 744px #fff, 1151px 1909px #fff,
    1704px 755px #fff, 1745px 1762px #fff, 1540px 1615px #fff, 463px 846px #fff,
    286px 331px #fff, 1926px 1218px #fff, 1918px 1160px #fff, 58px 1760px #fff,
    1966px 179px #fff, 1427px 490px #fff, 921px 1945px #fff, 1377px 383px #fff,
    1489px 222px #fff, 1473px 1462px #fff, 1294px 1502px #fff,
    1074px 1948px #fff, 1793px 336px #fff, 1351px 395px #fff, 1163px 1282px #fff,
    1031px 1587px #fff, 997px 1547px #fff, 557px 1564px #fff, 27px 132px #fff,
    1293px 1891px #fff, 1778px 212px #fff, 1192px 630px #fff, 215px 416px #fff,
    1544px 961px #fff, 748px 131px #fff, 1841px 1438px #fff, 1674px 1525px #fff,
    1407px 1479px #fff, 49px 159px #fff, 169px 214px #fff, 1503px 1014px #fff,
    1733px 1124px #fff, 1286px 1807px #fff, 624px 1584px #fff,
    1671px 1240px #fff, 1167px 610px #fff, 1029px 863px #fff, 1387px 114px #fff,
    603px 997px #fff, 1064px 240px #fff, 926px 1083px #fff, 111px 913px #fff,
    1467px 1698px #fff, 1354px 319px #fff, 1961px 367px #fff, 319px 1439px #fff,
    1539px 995px #fff, 1821px 1075px #fff, 1553px 840px #fff, 962px 269px #fff,
    1667px 1401px #fff, 1882px 973px #fff, 98px 1199px #fff, 1092px 1969px #fff,
    1303px 903px #fff, 1150px 970px #fff, 631px 300px #fff, 987px 1267px #fff,
    1161px 784px #fff, 979px 1522px #fff, 191px 240px #fff, 506px 630px #fff,
    916px 818px #fff, 949px 805px #fff, 2000px 601px #fff, 1795px 221px #fff,
    173px 753px #fff, 1344px 441px #fff, 356px 77px #fff, 1910px 985px #fff,
    1209px 411px #fff, 1588px 1162px #fff, 919px 1933px #fff, 1438px 877px #fff,
    1991px 1234px #fff, 1295px 1400px #fff, 963px 1395px #fff, 293px 1858px #fff,
    1783px 1123px #fff, 1813px 808px #fff, 1541px 1074px #fff, 1459px 928px #fff,
    937px 815px #fff, 654px 1326px #fff, 1701px 1571px #fff, 1582px 181px #fff,
    1617px 1804px #fff, 53px 588px #fff, 1369px 415px #fff, 1354px 1969px #fff,
    732px 1619px #fff, 851px 761px #fff, 1885px 1227px #fff, 330px 1519px #fff,
    1113px 1235px #fff, 1470px 286px #fff, 244px 969px #fff, 432px 1084px #fff,
    198px 1124px #fff, 1727px 1133px #fff, 699px 256px #fff, 1363px 1124px #fff,
    1797px 1491px #fff, 77px 279px #fff, 977px 899px #fff, 747px 690px #fff,
    158px 947px #fff, 283px 614px #fff, 1211px 455px #fff, 1788px 412px #fff,
    214px 1147px #fff, 625px 1786px #fff, 1200px 1882px #fff, 865px 1269px #fff,
    1656px 1100px #fff, 1824px 1079px #fff, 59px 1016px #fff, 1098px 1239px #fff,
    1088px 39px #fff, 291px 460px #fff, 1982px 1934px #fff, 968px 1597px #fff,
    1485px 1145px #fff, 1974px 1211px #fff, 779px 255px #fff, 52px 28px #fff,
    293px 1014px #fff, 1899px 810px #fff, 1866px 48px #fff, 951px 349px #fff,
    528px 181px #fff, 874px 1606px #fff, 836px 1849px #fff, 227px 1930px #fff,
    1747px 595px #fff, 398px 202px #fff, 1021px 1541px #fff, 1292px 1265px #fff,
    1925px 1202px #fff, 1990px 919px #fff, 673px 1076px #fff, 1673px 1097px #fff,
    1847px 1991px #fff, 736px 623px #fff, 295px 1988px #fff, 1712px 1191px #fff,
    45px 1075px #fff, 517px 1184px #fff, 1230px 504px #fff, 797px 1196px #fff,
    594px 1919px #fff, 1121px 1810px #fff, 1290px 1234px #fff, 426px 1209px #fff,
    241px 321px #fff, 1053px 338px #fff, 1256px 1628px #fff, 1010px 1314px #fff,
    1141px 1835px #fff, 1731px 76px #fff, 288px 1435px #fff, 1097px 366px #fff,
    1406px 1153px #fff, 1212px 101px #fff, 1196px 1614px #fff, 196px 1565px #fff,
    6px 273px #fff, 645px 1967px #fff, 1722px 483px #fff, 1402px 1544px #fff,
    62px 225px #fff, 105px 598px #fff, 827px 1630px #fff, 168px 317px #fff,
    370px 490px #fff, 288px 1570px #fff, 928px 620px #fff, 994px 343px #fff,
    1802px 922px #fff, 88px 1373px #fff, 1606px 1082px #fff, 978px 1810px #fff,
    1979px 1573px #fff, 242px 469px #fff, 1226px 693px #fff, 1857px 1664px #fff,
    1871px 723px #fff, 469px 746px #fff, 1346px 842px #fff, 716px 1188px #fff,
    175px 203px #fff, 310px 679px #fff, 1660px 1684px #fff, 1636px 1993px #fff,
    905px 1223px #fff, 1149px 1816px #fff, 96px 1228px #fff, 31px 609px #fff,
    536px 710px #fff, 118px 1860px #fff, 34px 1342px #fff, 587px 1201px #fff,
    1914px 19px #fff, 1128px 758px #fff, 1031px 1756px #fff, 885px 1709px #fff,
    863px 630px #fff, 1355px 908px #fff, 85px 1161px #fff, 5px 593px #fff,
    1889px 1032px #fff, 542px 625px #fff, 1946px 1683px #fff, 1324px 1582px #fff,
    50px 1363px #fff, 1950px 319px #fff, 149px 1737px #fff, 547px 835px #fff,
    579px 1213px #fff, 1548px 284px #fff, 1092px 1684px #fff, 806px 233px #fff,
    1681px 659px #fff, 381px 1453px #fff, 1590px 1890px #fff, 335px 219px #fff,
    1871px 471px #fff, 753px 1126px #fff, 1118px 1654px #fff, 666px 206px #fff,
    220px 188px #fff, 1760px 630px #fff, 1730px 832px #fff, 960px 25px #fff,
    1841px 945px #fff, 1901px 305px #fff, 1765px 640px #fff, 1703px 491px #fff,
    251px 1948px #fff, 1381px 1159px #fff, 411px 644px #fff, 586px 697px #fff,
    276px 1920px #fff, 1518px 514px #fff, 1072px 1103px #fff, 1906px 618px #fff,
    326px 963px #fff, 1876px 31px #fff, 1755px 863px #fff, 639px 273px #fff,
    1207px 1345px #fff, 1199px 263px #fff, 1505px 231px #fff, 1294px 1662px #fff,
    617px 601px #fff, 1750px 1632px #fff, 255px 1313px #fff, 1706px 1895px #fff,
    19px 475px #fff, 3px 421px #fff, 863px 555px #fff, 258px 1640px #fff,
    1628px 1414px #fff, 1396px 171px #fff, 867px 621px #fff, 804px 475px #fff,
    1068px 1079px #fff, 175px 173px #fff, 1492px 679px #fff, 230px 1678px #fff,
    1101px 909px #fff, 1655px 109px #fff, 303px 395px #fff, 1974px 254px #fff,
    1008px 1449px #fff, 1273px 1144px #fff, 978px 1320px #fff, 1473px 107px #fff,
    765px 546px #fff, 189px 1143px #fff, 972px 734px #fff, 536px 494px #fff,
    302px 1235px #fff, 436px 853px #fff, 1818px 1281px #fff, 916px 361px #fff,
    760px 828px #fff, 1233px 1038px #fff, 21px 406px #fff, 1321px 1493px #fff,
    476px 1127px #fff, 1492px 1484px #fff, 1234px 139px #fff, 663px 1863px #fff,
    1870px 153px #fff, 347px 1813px #fff, 154px 1423px #fff, 128px 1819px #fff,
    1775px 1623px #fff, 847px 51px #fff, 1737px 224px #fff, 1819px 722px #fff,
    420px 240px #fff, 1002px 1911px #fff, 877px 1161px #fff, 1482px 1073px #fff,
    954px 1469px #fff;
}

.stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1621px 368px #fff, 1619px 1750px #fff, 666px 834px #fff,
    90px 471px #fff, 772px 771px #fff, 427px 1538px #fff, 52px 1427px #fff,
    1242px 597px #fff, 795px 1115px #fff, 1913px 508px #fff, 813px 463px #fff,
    342px 1504px #fff, 188px 1876px #fff, 1328px 1029px #fff, 802px 121px #fff,
    1333px 201px #fff, 453px 312px #fff, 262px 1102px #fff, 817px 1703px #fff,
    1510px 1748px #fff, 1015px 1655px #fff, 1489px 184px #fff, 191px 1249px #fff,
    1000px 362px #fff, 1076px 39px #fff, 545px 299px #fff, 959px 1963px #fff,
    433px 1340px #fff, 834px 1517px #fff, 483px 48px #fff, 1499px 1794px #fff,
    1921px 1925px #fff, 1816px 607px #fff, 360px 1907px #fff, 750px 73px #fff,
    1902px 1945px #fff, 963px 1974px #fff, 1418px 35px #fff, 498px 1307px #fff,
    106px 1460px #fff, 1433px 1472px #fff, 1337px 164px #fff, 286px 172px #fff,
    1193px 1743px #fff, 772px 553px #fff, 492px 890px #fff, 841px 813px #fff,
    602px 679px #fff, 14px 313px #fff, 1350px 1942px #fff, 1405px 978px #fff,
    1413px 1257px #fff, 1525px 121px #fff, 1265px 1499px #fff, 1435px 401px #fff,
    1340px 1728px #fff, 1621px 779px #fff, 1995px 1870px #fff, 1221px 281px #fff,
    1480px 75px #fff, 279px 1152px #fff, 1985px 1750px #fff, 1839px 1958px #fff,
    76px 830px #fff, 515px 1730px #fff, 1561px 632px #fff, 177px 957px #fff,
    764px 1295px #fff, 831px 1641px #fff, 1882px 969px #fff, 651px 70px #fff,
    89px 338px #fff, 775px 652px #fff, 1375px 1048px #fff, 552px 401px #fff,
    1573px 696px #fff, 363px 1421px #fff, 1687px 1282px #fff, 1376px 1849px #fff,
    1229px 1283px #fff, 1389px 1636px #fff, 1213px 1869px #fff,
    1286px 206px #fff, 716px 380px #fff, 452px 903px #fff, 1940px 192px #fff,
    536px 42px #fff, 775px 1187px #fff, 1707px 428px #fff, 1055px 324px #fff,
    459px 1043px #fff, 1275px 87px #fff, 295px 1447px #fff, 1504px 1761px #fff,
    639px 1140px #fff, 1414px 1220px #fff, 1026px 357px #fff, 325px 1242px #fff,
    332px 75px #fff, 1601px 1039px #fff, 1852px 1031px #fff, 945px 1116px #fff,
    978px 1756px #fff, 801px 1740px #fff, 172px 226px #fff, 57px 1812px #fff,
    838px 1508px #fff, 1175px 1389px #fff, 1890px 1455px #fff,
    1368px 1565px #fff, 489px 1081px #fff, 877px 1672px #fff, 445px 821px #fff,
    1824px 1771px #fff, 1523px 55px #fff, 631px 1060px #fff, 847px 1969px #fff,
    714px 564px #fff, 255px 550px #fff, 1537px 229px #fff, 1118px 794px #fff,
    859px 1909px #fff, 1528px 704px #fff, 197px 360px #fff, 982px 188px #fff,
    1214px 1817px #fff, 809px 898px #fff, 687px 411px #fff, 123px 1654px #fff,
    1598px 357px #fff, 167px 1271px #fff, 1816px 1736px #fff, 1590px 1877px #fff,
    363px 1677px #fff, 936px 1626px #fff, 1326px 404px #fff, 1114px 1637px #fff,
    1740px 337px #fff, 983px 1042px #fff, 1073px 1194px #fff, 1918px 439px #fff,
    164px 209px #fff, 747px 4px #fff, 328px 76px #fff, 1565px 1737px #fff,
    1371px 1223px #fff, 462px 508px #fff, 1303px 204px #fff, 306px 236px #fff,
    153px 714px #fff, 676px 1220px #fff, 1970px 1585px #fff, 1350px 1159px #fff,
    228px 288px #fff, 965px 802px #fff, 1815px 251px #fff, 273px 1088px #fff,
    1482px 816px #fff, 1442px 1962px #fff, 790px 1874px #fff, 1409px 243px #fff,
    79px 910px #fff, 666px 58px #fff, 1855px 114px #fff, 1888px 1925px #fff,
    716px 584px #fff, 758px 357px #fff, 1151px 733px #fff, 644px 1065px #fff,
    1456px 1713px #fff, 1028px 771px #fff, 783px 159px #fff, 896px 610px #fff,
    68px 1987px #fff, 1310px 946px #fff, 37px 887px #fff, 481px 1147px #fff,
    1226px 521px #fff, 110px 1601px #fff, 1727px 746px #fff, 1228px 578px #fff,
    170px 1239px #fff, 522px 1959px #fff, 1729px 458px #fff, 1205px 169px #fff,
    1173px 1183px #fff, 384px 562px #fff, 1422px 1418px #fff, 823px 1193px #fff,
    304px 923px #fff, 1075px 1897px #fff, 827px 780px #fff, 594px 581px #fff,
    1452px 279px #fff, 330px 681px #fff, 1136px 1502px #fff, 860px 288px #fff,
    1745px 1204px #fff, 1143px 1193px #fff, 167px 1035px #fff;
  animation: animStar 100s linear infinite;
}
.stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1621px 368px #fff, 1619px 1750px #fff, 666px 834px #fff,
    90px 471px #fff, 772px 771px #fff, 427px 1538px #fff, 52px 1427px #fff,
    1242px 597px #fff, 795px 1115px #fff, 1913px 508px #fff, 813px 463px #fff,
    342px 1504px #fff, 188px 1876px #fff, 1328px 1029px #fff, 802px 121px #fff,
    1333px 201px #fff, 453px 312px #fff, 262px 1102px #fff, 817px 1703px #fff,
    1510px 1748px #fff, 1015px 1655px #fff, 1489px 184px #fff, 191px 1249px #fff,
    1000px 362px #fff, 1076px 39px #fff, 545px 299px #fff, 959px 1963px #fff,
    433px 1340px #fff, 834px 1517px #fff, 483px 48px #fff, 1499px 1794px #fff,
    1921px 1925px #fff, 1816px 607px #fff, 360px 1907px #fff, 750px 73px #fff,
    1902px 1945px #fff, 963px 1974px #fff, 1418px 35px #fff, 498px 1307px #fff,
    106px 1460px #fff, 1433px 1472px #fff, 1337px 164px #fff, 286px 172px #fff,
    1193px 1743px #fff, 772px 553px #fff, 492px 890px #fff, 841px 813px #fff,
    602px 679px #fff, 14px 313px #fff, 1350px 1942px #fff, 1405px 978px #fff,
    1413px 1257px #fff, 1525px 121px #fff, 1265px 1499px #fff, 1435px 401px #fff,
    1340px 1728px #fff, 1621px 779px #fff, 1995px 1870px #fff, 1221px 281px #fff,
    1480px 75px #fff, 279px 1152px #fff, 1985px 1750px #fff, 1839px 1958px #fff,
    76px 830px #fff, 515px 1730px #fff, 1561px 632px #fff, 177px 957px #fff,
    764px 1295px #fff, 831px 1641px #fff, 1882px 969px #fff, 651px 70px #fff,
    89px 338px #fff, 775px 652px #fff, 1375px 1048px #fff, 552px 401px #fff,
    1573px 696px #fff, 363px 1421px #fff, 1687px 1282px #fff, 1376px 1849px #fff,
    1229px 1283px #fff, 1389px 1636px #fff, 1213px 1869px #fff,
    1286px 206px #fff, 716px 380px #fff, 452px 903px #fff, 1940px 192px #fff,
    536px 42px #fff, 775px 1187px #fff, 1707px 428px #fff, 1055px 324px #fff,
    459px 1043px #fff, 1275px 87px #fff, 295px 1447px #fff, 1504px 1761px #fff,
    639px 1140px #fff, 1414px 1220px #fff, 1026px 357px #fff, 325px 1242px #fff,
    332px 75px #fff, 1601px 1039px #fff, 1852px 1031px #fff, 945px 1116px #fff,
    978px 1756px #fff, 801px 1740px #fff, 172px 226px #fff, 57px 1812px #fff,
    838px 1508px #fff, 1175px 1389px #fff, 1890px 1455px #fff,
    1368px 1565px #fff, 489px 1081px #fff, 877px 1672px #fff, 445px 821px #fff,
    1824px 1771px #fff, 1523px 55px #fff, 631px 1060px #fff, 847px 1969px #fff,
    714px 564px #fff, 255px 550px #fff, 1537px 229px #fff, 1118px 794px #fff,
    859px 1909px #fff, 1528px 704px #fff, 197px 360px #fff, 982px 188px #fff,
    1214px 1817px #fff, 809px 898px #fff, 687px 411px #fff, 123px 1654px #fff,
    1598px 357px #fff, 167px 1271px #fff, 1816px 1736px #fff, 1590px 1877px #fff,
    363px 1677px #fff, 936px 1626px #fff, 1326px 404px #fff, 1114px 1637px #fff,
    1740px 337px #fff, 983px 1042px #fff, 1073px 1194px #fff, 1918px 439px #fff,
    164px 209px #fff, 747px 4px #fff, 328px 76px #fff, 1565px 1737px #fff,
    1371px 1223px #fff, 462px 508px #fff, 1303px 204px #fff, 306px 236px #fff,
    153px 714px #fff, 676px 1220px #fff, 1970px 1585px #fff, 1350px 1159px #fff,
    228px 288px #fff, 965px 802px #fff, 1815px 251px #fff, 273px 1088px #fff,
    1482px 816px #fff, 1442px 1962px #fff, 790px 1874px #fff, 1409px 243px #fff,
    79px 910px #fff, 666px 58px #fff, 1855px 114px #fff, 1888px 1925px #fff,
    716px 584px #fff, 758px 357px #fff, 1151px 733px #fff, 644px 1065px #fff,
    1456px 1713px #fff, 1028px 771px #fff, 783px 159px #fff, 896px 610px #fff,
    68px 1987px #fff, 1310px 946px #fff, 37px 887px #fff, 481px 1147px #fff,
    1226px 521px #fff, 110px 1601px #fff, 1727px 746px #fff, 1228px 578px #fff,
    170px 1239px #fff, 522px 1959px #fff, 1729px 458px #fff, 1205px 169px #fff,
    1173px 1183px #fff, 384px 562px #fff, 1422px 1418px #fff, 823px 1193px #fff,
    304px 923px #fff, 1075px 1897px #fff, 827px 780px #fff, 594px 581px #fff,
    1452px 279px #fff, 330px 681px #fff, 1136px 1502px #fff, 860px 288px #fff,
    1745px 1204px #fff, 1143px 1193px #fff, 167px 1035px #fff;
}

.stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1480px 1970px #fff, 172px 1731px #fff, 1540px 340px #fff,
    1316px 740px #fff, 1763px 255px #fff, 1581px 1871px #fff, 979px 1980px #fff,
    1770px 445px #fff, 483px 1514px #fff, 1376px 126px #fff, 647px 1186px #fff,
    684px 1169px #fff, 187px 1862px #fff, 1132px 1977px #fff, 1846px 139px #fff,
    244px 1338px #fff, 330px 1235px #fff, 298px 404px #fff, 359px 1389px #fff,
    1350px 395px #fff, 1800px 1121px #fff, 337px 536px #fff, 1040px 925px #fff,
    1425px 1497px #fff, 1977px 1472px #fff, 86px 1032px #fff, 1843px 590px #fff,
    1017px 1906px #fff, 1470px 1594px #fff, 489px 1829px #fff, 891px 166px #fff,
    1936px 249px #fff, 1353px 117px #fff, 51px 1241px #fff, 740px 381px #fff,
    504px 1980px #fff, 952px 1051px #fff, 1990px 1208px #fff, 397px 1052px #fff,
    1283px 1170px #fff, 833px 966px #fff, 1364px 1031px #fff, 370px 543px #fff,
    1884px 1889px #fff, 347px 1173px #fff, 1374px 195px #fff, 232px 1743px #fff,
    1566px 678px #fff, 1016px 441px #fff, 232px 1575px #fff, 1367px 1420px #fff,
    321px 671px #fff, 1654px 236px #fff, 1147px 1496px #fff, 1492px 167px #fff,
    1668px 868px #fff, 1051px 922px #fff, 321px 1684px #fff, 482px 367px #fff,
    842px 1032px #fff, 770px 581px #fff, 1453px 1133px #fff, 641px 190px #fff,
    897px 1958px #fff, 1479px 1642px #fff, 1059px 1008px #fff,
    1695px 1056px #fff, 259px 1718px #fff, 1366px 1060px #fff, 1755px 886px #fff,
    910px 1895px #fff, 1524px 1777px #fff, 213px 1107px #fff, 1202px 1490px #fff,
    62px 656px #fff, 769px 880px #fff, 908px 1812px #fff, 877px 861px #fff,
    109px 1939px #fff, 1679px 1232px #fff, 1149px 1935px #fff,
    1972px 1962px #fff, 611px 163px #fff, 866px 1994px #fff, 1974px 567px #fff,
    1135px 1308px #fff, 1829px 982px #fff, 1778px 1006px #fff,
    1763px 1594px #fff, 1827px 1633px #fff, 297px 233px #fff, 1876px 198px #fff,
    320px 1612px #fff, 1096px 210px #fff, 196px 228px #fff, 1336px 1910px #fff,
    505px 295px #fff, 566px 565px #fff, 1307px 1839px #fff, 1773px 209px #fff;
  animation: animStar 150s linear infinite;
}
.stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1480px 1970px #fff, 172px 1731px #fff, 1540px 340px #fff,
    1316px 740px #fff, 1763px 255px #fff, 1581px 1871px #fff, 979px 1980px #fff,
    1770px 445px #fff, 483px 1514px #fff, 1376px 126px #fff, 647px 1186px #fff,
    684px 1169px #fff, 187px 1862px #fff, 1132px 1977px #fff, 1846px 139px #fff,
    244px 1338px #fff, 330px 1235px #fff, 298px 404px #fff, 359px 1389px #fff,
    1350px 395px #fff, 1800px 1121px #fff, 337px 536px #fff, 1040px 925px #fff,
    1425px 1497px #fff, 1977px 1472px #fff, 86px 1032px #fff, 1843px 590px #fff,
    1017px 1906px #fff, 1470px 1594px #fff, 489px 1829px #fff, 891px 166px #fff,
    1936px 249px #fff, 1353px 117px #fff, 51px 1241px #fff, 740px 381px #fff,
    504px 1980px #fff, 952px 1051px #fff, 1990px 1208px #fff, 397px 1052px #fff,
    1283px 1170px #fff, 833px 966px #fff, 1364px 1031px #fff, 370px 543px #fff,
    1884px 1889px #fff, 347px 1173px #fff, 1374px 195px #fff, 232px 1743px #fff,
    1566px 678px #fff, 1016px 441px #fff, 232px 1575px #fff, 1367px 1420px #fff,
    321px 671px #fff, 1654px 236px #fff, 1147px 1496px #fff, 1492px 167px #fff,
    1668px 868px #fff, 1051px 922px #fff, 321px 1684px #fff, 482px 367px #fff,
    842px 1032px #fff, 770px 581px #fff, 1453px 1133px #fff, 641px 190px #fff,
    897px 1958px #fff, 1479px 1642px #fff, 1059px 1008px #fff,
    1695px 1056px #fff, 259px 1718px #fff, 1366px 1060px #fff, 1755px 886px #fff,
    910px 1895px #fff, 1524px 1777px #fff, 213px 1107px #fff, 1202px 1490px #fff,
    62px 656px #fff, 769px 880px #fff, 908px 1812px #fff, 877px 861px #fff,
    109px 1939px #fff, 1679px 1232px #fff, 1149px 1935px #fff,
    1972px 1962px #fff, 611px 163px #fff, 866px 1994px #fff, 1974px 567px #fff,
    1135px 1308px #fff, 1829px 982px #fff, 1778px 1006px #fff,
    1763px 1594px #fff, 1827px 1633px #fff, 297px 233px #fff, 1876px 198px #fff,
    320px 1612px #fff, 1096px 210px #fff, 196px 228px #fff, 1336px 1910px #fff,
    505px 295px #fff, 566px 565px #fff, 1307px 1839px #fff, 1773px 209px #fff;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

With both of these working together you will get a background like the one we are currently using for our Dark Mode theme.

If you are using it just like we have above you will probably need to add a dark background image, or color to see the effect more clearly, but you will still see the effect even on white backgrounds if you tweak the `#fff` properties.

You can now add more to better the effect that you are going for but this should get you a general idea, and start.

This can be used pretty universally as this is using just CSS and HTML.

Footnotes

  1. This lab was based on a find from Saransh Sinha called Parallax Star Background in CSS ↩

  2. The original version of this code was written in Haml, and Sass but have been compiled back to HTML and CSS, for educational purposes in creating a beginner friendly guide that most readers (with web development experience (amature or pro)) will be able to follow. ↩