Oldtimer Terminal with blinking cursor in CSS3

index.jade

.terminal.
  Dedicated to memory of 
  #[b.nobr "EC-ЭBM 70"].
  
  #[br]#[br]
  
  Do you really remember
  80th in USSR? [Y/n]

oldtimer-terminal-with-blinking-cursor-in-css3.markdown

Oldtimer Terminal with blinking cursor in CSS3

Mimicking the CRTs of 70th

A Pen by SynCap on CodePen.

License.

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.less

body {
  padding: 5% 20%;
}
.nobr {
  white-space: nowrap;
}
.terminal {
  border-radius: 2em / 3em;
  padding: 2em;
  background-color: #000;
  font-size: 24pt;
  font-weight: 700;
  color: #0c0;
  text-shadow: 0 0 15px;
  text-align: center;
  font-family: 'Courier New', monospased;

  &:after
  {
    content: '\258b';
    animation: 1.4s blink step-end infinite;
  }
}

@keyframes "blink" {
  from, to {
    color: transparent;
  }
  50% {
    color: #0c0;
  }
}