JSFiddle - React, Tailwind, and code Playground

by voodoomonkey

HTML

<div id="container">
    	<h1>Background with Blur</h1>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
body {
    background: url(http://i47.tinypic.com/2090r3c.jpg) no-repeat;
}
h1 {
    font:small-caps bold 25px Times New Roman;
    text-transform:capitalize;
    letter-spacing:3px;
    color:#fff;
}
#container {
    width: 400px;
    margin: 40px auto;
    background: url(http://i47.tinypic.com/97sh87.jpg) no-repeat fixed;
    border: 10px solid white;
    padding: 30px;
    height: 400px;
    border-radius: 30px;
}