JSFiddle - React, Tailwind, and code Playground

by mamounothman

HTML

<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<div id='stars'></div>
<div id='stars2'></div>
<div id='stars3'></div>
<div id='title'>
  <span>
    PURE CSS
  </span>
  <br>
  <span>
    PARALLAX PIXEL STARS
  </span>
</div>

CSS

html {
  height: 100%;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 517px 1032px #FFF , 415px 1084px #FFF , 8px 407px #FFF , 1978px 106px #FFF , 853px 475px #FFF , 564px 940px #FFF , 457px 1137px #FFF , 1498px 207px #FFF , 82px 29px #FFF , 163px 663px #FFF , 1480px 1127px #FFF , 215px 472px #FFF , 965px 1273px #FFF , 1758px 1813px #FFF , 1108px 169px #FFF , 1054px 1704px #FFF , 1193px 1300px #FFF , 820px 624px #FFF , 875px 400px #FFF , 1049px 518px #FFF , 1210px 1516px #FFF , 1389px 1270px #FFF , 230px 1128px #FFF , 34px 102px #FFF , 808px 524px #FFF , 1799px 1293px #FFF , 232px 531px #FFF , 668px 1452px #FFF , 476px 245px #FFF , 1054px 1412px #FFF , 1923px 60px #FFF , 592px 1253px #FFF , 1931px 1964px #FFF , 135px 1416px #FFF , 1207px 482px #FFF , 1529px 1533px #FFF , 1224px 972px #FFF , 1012px 338px #FFF , 154px 1466px #FFF , 1468px 339px #FFF , 525px 595px #FFF , 1580px 1104px #FFF , 1916px 1297px #FFF , 1270px 1929px #FFF , 1298px 1021px #FFF , 1832px 31px #FFF , 557px 494px #FFF , 539px 1388px #FFF , 493px 1491px #FFF , 188px 382px #FFF , 748px 1967px #FFF , 389px 1864px #FFF , 1655px 1488px #FFF , 478px 1253px #FFF , 1827px 1267px #FFF , 1319px 56px #FFF , 1051px 162px #FFF , 1850px 516px #FFF , 191px 1869px #FFF , 1370px 1462px #FFF , 1652px 22px #FFF , 1791px 461px #FFF , 865px 1589px #FFF , 40px 1914px #FFF , 440px 254px #FFF , 789px 1043px #FFF , 526px 484px #FFF , 838px 231px #FFF , 930px 853px #FFF , 1431px 312px #FFF , 1401px 89px #FFF , 1648px 1322px #FFF , 897px 1140px #FFF , 916px 416px #FFF , 684px 562px #FFF , 1287px 409px #FFF , 1999px 992px #FFF , 303px 519px #FFF , 608px 369px #FFF , 458px 1201px #FFF , 564px 12px #FFF , 11px 1048px #FFF , 1256px 1763px #FFF , 1343px 1569px #FFF , 994px 812px #FFF , 1027px 406px #FFF , 659px 125px #FFF , 770px 1859px #FFF , 1323px 1367px #FFF , 729px 1225px #FFF , 424px 218px...