Coole animierte Verläufe

.bh_bg-animated1 {
	background: linear-gradient(-45deg, #3a1c71, #d76d77, #ffaf7b);
	background-size: 200% 200%;
	-webkit-animation: Gradient 10s ease infinite;
	   -moz-animation: Gradient 10s ease infinite;
	        animation: Gradient 10s ease infinite;
	}
	
	@-webkit-keyframes Gradient {
		0% {
			background-position: 0% 50%
		}
		50% {
			background-position: 100% 50%
		}
		100% {
			background-position: 0% 50%
		}
	}
	
	@-moz-keyframes Gradient {
		0% {
			background-position: 0% 50%
		}
		50% {
			background-position: 100% 50%
		}
		100% {
			background-position: 0% 50%
		}
	}

.bh_bg-animated2 {
	background-image: linear-gradient( 135deg, #79F1A4 10%, #0E5CAD 100%);
	background-size: 200% 200%;
	-webkit-animation: Gradient 10s ease infinite;
	   -moz-animation: Gradient 10s ease infinite;
	        animation: Gradient 10s ease infinite;
	}

	@-webkit-keyframes Gradient {
		0% {
			background-position: 0% 50%
		}
		50% {
			background-position: 100% 50%
		}
		100% {
			background-position: 0% 50%
		}
	}
	
	@-moz-keyframes Gradient {
		0% {
			background-position: 0% 50%
		}
		50% {
			background-position: 100% 50%
		}
		100% {
			background-position: 0% 50%
		}
	}

.bh_bg-animated3 {
	background-image: linear-gradient( 109.6deg,  rgba(156,252,248,1) 11.2%, rgba(110,123,251,1) 91.1% );
	background-size: 200% 200%;
	-webkit-animation: Gradient 10s ease infinite;
	   -moz-animation: Gradient 10s ease infinite;
	        animation: Gradient 10s ease infinite;
	}

	@-webkit-keyframes Gradient {
		0% {
			background-position: 0% 50%
		}
		50% {
			background-position: 100% 50%
		}
		100% {
			background-position: 0% 50%
		}
	}
	
	@-moz-keyframes Gradient {
		0% {
			background-position: 0% 50%
		}
		50% {
			background-position: 100% 50%
		}
		100% {
			background-position: 0% 50%
		}
	}