Posted By

jackomono on 05/03/10

Tagged

css
CSS3

Versions (?)

Last Edited at 05/03/10 04:20am

Statistics

Viewed 867 times

Favorited by 2 user(s)

Related snippets

Webkit Color Transition Loop

/ Published in: CSS

Color-transition loop from the massiveblue homepage

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

body, #logo h1 a, ul#menu li.on {background-color: #39f !important;}
@-webkit-keyframes colours {
	  0% {background-color: #39f;}
	 15% {background-color: #8bc5d1;}
	 30% {background-color: #f8cb4a;}
	 45% {background-color: #95b850;}
	 60% {background-color: #944893;}
	 75% {background-color: #c71f00;}
	 90% {background-color: #bdb280;}
	100% {background-color: #39f;}
}
body, #logo h1 a, ul#menu li.on {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 60s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: colours;
	-webkit-animation-timing-function: ease;
}