Pendulum effect in CSS

Oscar Brito

Pendulum effect in CSS / Daniel Eden

@-webkit-keyframes swinging {
0% {
-webkit-transform: rotate(-45deg);

50% {
-webkit-transform: rotate(45deg);

100% {
-webkit-transform: rotate(-45deg);

.container {
-webkit-animation: swinging 3s infinite ease-in-out;

Visit for more informations, contacts and news about Web Development.
See other blog posts at

Divhide purpose is to follow the HTML5 movement and contribute with applications which prove the quality of technology.

Feel free to contact divhide.