Rocking Button
BB annimation
works only on page load, requires no additional CSS
Annimation with Simple CSS
See CSS below
Image buttons
Button Module
Rocking motion CSS appied to Callout Module
Callout Heading
The Animation class applied to an entire module.
Here's the CSS
.ea-buttonRocking {animation: rocking 2s infinite;
animation-timing-function: ease-out;
transition: .2s;
}
@keyframes rocking {
0% { transform: rotate(0deg) }
25% { transform: rotate(0deg) }
50% { transform: rotate(2deg) }
75% { transform: rotate(-2deg) }
100% { transform: rotate(0deg) }
}
.ea-buttonRocking:hover { animation: none !important }