CSS3 Tricks and Tricks

css3_tricks.css

/* 'Pulando na tela' */

@keyframes jump-bitch {
	from { 
		-transform: scale(1.1); 
		z-index: 9999;
	}
	to { 
		-transform: scale(1.5); 
		z-index: 9999;
	}
}

@-webkit-keyframes jump-bitch {
	from { 
		-webkit-transform: scale(1.1);
		z-index: 9999;		
	}
	to { 
		-webkit-transform: scale(1.5);
		z-index: 9999;	
	}
}

@-moz-keyframes jump-bitch {
	from { 
		-moz-transform: scale(1.1);
		z-index: 9999;		
	}
	to { 
		-moz-transform: scale(1.5);
		z-index: 9999;	
	}
}

@-o-keyframes jump-bitch {
	from { 
		-o-transform: scale(1.1);
		z-index: 9999;		
	}
	to { 
		-o-transform: scale(1.5);
		z-index: 9999;	
	}
}

.elemento:hover{
	animation: jump-bitch 0.2s linear 0s infinite alternate;
	-webkit-animation: jump-bitch 0.2s linear 0s infinite alternate;
	-moz-animation: jump-bitch 0.2s linear 0s infinite alternate; 
	-o-animation: jump-bitch 0.2s linear 0s infinite alternate;
}