Trippy

<html>
<head>
<style>
	* {
	background-image: url("http://bsnscb.com/data/out/109/40049404-kaleidoscope-wallpapers.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	}
	
    @keyframes example {      
    	0% {
    		filter: hue-rotate(0deg);
    	}
             
        100% {
    		filter:hue-rotate(360deg);
    	}  
    }
             
	/* The element to apply the animation to */
    
    #bod {      
    width: 100%;
    height: 100%;
    position: relative;
    animation-name: example;
	animation-delay: 4s;
    animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
    }  
</style>
</head>
<body id="bod">
<video width="0" autoplay="true" loop="true" name="media"><source src="http://floatingworldweb.com/MUSIC/WORLD%20MUSIC/@INDIAN/@INSTRUMENTAL/@SITAR/Nikhil%20Banerjee%20-%20Raga%20Megh%20-%20Jhaptaal.mp3" type="audio/mpeg">
</video>
</body>
</html>