computer-science-club

computer-science-club
git clone https://git.prime8.dev/computer-science-club.git
Log | Files | Refs | README | LICENSE

intro.css (895B)

      1 * {
      2   color: #ffff82;
      3   background-color: transparent;
      4   text-align: center;
      5 }
      6 
      7 html,
      8 body {
      9   width: 100%;
     10   height: 100%;
     11   margin: 0;
     12 }
     13 
     14 body {
     15   background-color: black;
     16 }
     17 
     18 #board {
     19   font-family: sans-serif;
     20   transform: perspective(300px) rotateX(25deg);
     21   transform-origin: 50% 100%;
     22   text-align: justify;
     23   position: absolute;
     24   margin-left: -9em;
     25   font-weight: bold;
     26   overflow: hidden;
     27   font-size: 350%;
     28   height: 50em;
     29   width: 18em;
     30   bottom: 0;
     31   left: 50%;
     32 }
     33 
     34 #board:after {
     35   position: absolute;
     36   content: " ";
     37   bottom: 60%;
     38   left: 0;
     39   right: 0;
     40   top: 0;
     41 }
     42 
     43 #content {
     44   animation: scroll 128s;
     45   position: absolute;
     46   top: 100%;
     47 }
     48 
     49 @keyframes scroll {
     50   0% {
     51     top: 100%;
     52   }
     53   100% {
     54     top: -350%;
     55   }
     56 }
     57 
     58 #back {
     59   color: white;
     60   position: absolute;
     61   padding-top: 8px;
     62 }
     63 
     64 #back.hidden {
     65   opacity: 0;
     66 }
     67 
     68 #back.shown {
     69   opacity: 1;
     70   transition: opacity 2000ms;
     71 }