JSFiddle - React, Tailwind, and code Playground

by Aaron Kahlhamer

HTML

<script src="http://markdalgleish.com/projects/stellar.js/js/stellar.js"></script>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div class="ninja">
    <div class="pizza" data-stellar-background-ratio="0.5"></div>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

CSS

.ninja {
    background:blue;
    height:600px;
    width:600px;
}
.pizza {
    background-image: url('http://images6.fanpop.com/image/photos/33400000/YUMMY-FAST-FOOD-fast-food-33414496-1280-720.jpg');
    background-attachment:fixed;
    background-repeat:no-repeat;
    border-radius:200px;
    display:block;
    float:left;
    height:400px;
    width:400px

}