JSFiddle - React, Tailwind, and code Playground

by Fiddel

HTML

<h1>OGE animated GIF</h1>


<div id="test">Test CE-Inhalt</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Advent+Pro:100);
html { 
  background:  url(http://upload.wikimedia.org/wikipedia/commons/d/dd/Muybridge_race_horse_animated.gif) no-repeat center center fixed; 
  background-size: cover;
}
h1{
  font-family: 'Advent Pro', sans-serif;
  font-size: 3em;
  margin: .2em .5em;
  color: rgba(0,0,0, 0.3);
}
body {
    height: 100%;
}
div#test {
  position:absolute;
  top:30%;
  left:30%;
  background-color:rgba(255,255,255,.6);
  padding:250px;
  
  
}