Posted By

envane21 on 10/08/15

Tagged

button
animation

Versions (?)

Last Edited at 10/08/15 12:45am

Statistics

Viewed 1033 times

Favorited by 0 user(s)

Related snippets

Button Pulse Animation

/ Published in: CSS

Button pulse animation (scale up and down)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

@-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>