Hipster gradient

CSS Gradient

[CSS]
background: linear-gradient(90deg,  #fdcbde 0%,#f4f4a6 33%,#b4edf3 66%,#fdcbde 100%);

Full gradient vendor prefix @colorzilla.com/gradient-editor/

Background animation

[CSS]
.header {
  animation: moving-bg 50s infinite;
}

@keyframes moving-bg {
  0%   { background-position: 0 0; }
  100% { background-position: 348px 0; }
}

Selection changing color

[CSS]
::selection {
  color: #333;
  background-color: #fdcbde;
  text-shadow: none;
}

[JS - JQuery]
var i = 1;
$(document).ready(function(){
	$(document).bind("mouseup", function() {
    var t = '';
  	if(window.getSelection){
  		t = window.getSelection();
  	} else if(document.getSelection){
  		t = document.getSelection();
  	} else if(document.selection){
  		t = document.selection.createRange().text;
  	}

		if(t!=''){
      var colors = ['#fdcbde','#f4f4a6','#b4edf3'];
      if ( i > (colors.length-1) ) { i = 0; }
      $('').appendTo('head');
      i++;
		}
  });
});

Browsers support

linear-gradient:				IE 10+
svg in css:				IE 9+
multiple-backgrounds:				IE 9+