_____________________ |---------------------|\ | ____________ ||| | / | | \ ||| | ( (| VCR.JS |) ) ||| | \_|________|_/ ||| |_____________________||| \_____________________\|
#VCR.JS ###VHS style static while you scroll.
##Instructions
1 Clone the repo or download the zip.
git clone git://github.com/julianmaunder/vcr-js.git
2 Add jQuery and vcr.js to your html page.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="your_site/scripts/vcr.js"></script>
3 Add this CSS to your stylesheet.
body {
margin: 0;
padding: 0;
width: 100%;
background: url("../images/vcr-black.jpg") top left repeat-y, blue;
background-attachment: fixed;
-webkit-background-size: 100% 19440px;
-moz-background-size: 100% 19440px;
-ms-background-size: 100% 19440px;
background-size: 100% 19440px;
}
#4 Enjoy super cool glitchy retro website!
###WARNING It's important to note that this probably won't work in very old browsers, it will also slow your site down.