Advanced Search

Return to Snippet

Revision: 69912
at October 8, 2015 00:45 by envane21
Initial Code 
@-webkit-keyframes pulse_animation {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.05); }
	100% { -webkit-transform: scale(1); }
}

.pulse {
	-webkit-animation-name: 'pulse_animation';
	-webkit-animation-duration: 900ms;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

HTML CODE //Add pulse class

<div class="button pulse">Click Here</div>
Initial URL 









Initial Description





Button pulse animation (scale up and down)









Initial Title





Button Pulse Animation









Initial Tags





button, animation









Initial Language





CSS