/* concept */
@-moz-keyframes spin { 
	100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}

@-moz-keyframes spin-turn { 
	100% { -moz-transform: rotate(-360deg); } 
}
@-webkit-keyframes spin-turn { 
	100% { -webkit-transform: rotate(-360deg); } 
}
@keyframes spin-turn { 
	100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } 
}


/* build */
@-moz-keyframes codefirst { 
	0% { width:0%; } 
	50% { width:40%; } 
	90% { width:40%; } 
	100% { width:0%; } 
}
@-webkit-keyframes codefirst { 
	0% { width:0%; } 
	50% { width:40%; } 
	90% { width:40%; } 
	100% { width:0%; } 
}
@keyframes codefirst { 
	0% { width:0%; } 
	50% { width:40%; } 
	90% { width:40%; } 
	100% { width:0%; } 
}

@-moz-keyframes codesecond { 
	0% { width:0%; } 
	50% { width:30%; } 
	90% { width:30%; } 
	100% { width:0%; } 
}
@-webkit-keyframes codesecond { 
	0% { width:0%; } 
	50% { width:30%; } 
	90% { width:30%; } 
	100% { width:0%; } 
}
@keyframes codesecond { 
	0% { width:0%; } 
	50% { width:30%; } 
	90% { width:30%; } 
	100% { width:0%; } 
}

@-moz-keyframes codethird { 
	0% { width:0%; } 
	50% { width:40%; } 
	90% { width:40%; } 
	100% { width:0%; }  
}
@-webkit-keyframes codethird { 
	0% { width:0%; } 
	50% { width:40%; } 
	90% { width:40%; } 
	100% { width:0%; } 
}
@keyframes codethird { 
	0% { width:0%; } 
	50% { width:40%; } 
	90% { width:40%; } 
	100% { width:0%; } 
}

@keyframes lighton {
	0% { opacity:1; }
	15% { opacity:1; }  
	20% { opacity:0; }
	25% { opacity:1; }
	30% { opacity:0; }
	35% { opacity:1; }
	40% { opacity:1; }
	100% { opacity:1; }
}
@-webkit-keyframes lighton {
	0% { opacity:1; }
	15% { opacity:1; }  
	20% { opacity:0; }
	25% { opacity:1; }
	30% { opacity:0; }
	35% { opacity:1; }
	40% { opacity:1; }
	100% { opacity:1; }
}
@-moz-keyframes lighton {
	0% { opacity:1; }
	15% { opacity:1; }  
	20% { opacity:0; }
	25% { opacity:1; }
	30% { opacity:0; }
	35% { opacity:1; }
	40% { opacity:1; }
	100% { opacity:1; }
}
