Skip to content

julianmaunder/vcr-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

68 Commits
 
 
 
 
 
 
 
 

Repository files navigation

	 _____________________
	|---------------------|\
	|     ____________    |||
	|    / |        | \   |||
	|   ( (| 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.

Releases

No releases published

Packages

No packages published