Appenzeller Pendel

pendel.css

  	div.pendel
		{
		text-align: center;
		margin: 0px auto;
		margin-top: -23px;
		background-image: url(/pendel.png);
		background-repeat: no-repeat;
		width:347px;
		height:519px;
		position:relative;
		animation-name:myfirst;
		animation-duration:2s;
		animation-timing-function:ease;
		animation-delay:0s;
		animation-direction:normal;
		animation-iteration-count: infinite;
		transform-origin: 50% 0%;
		/* Firefox: */
		-moz-animation-name:myfirst;
		-moz-animation-duration:2s;
		-moz-animation-timing-function:ease;
		-moz-animation-delay:0s;
		-moz-animation-direction:normal;
		-moz-transform-origin: 50% 0%;
		-moz-animation-iteration-count: infinite;
		/* Safari and Chrome: */
		-webkit-animation-name:myfirst;
		-webkit-animation-duration:2s;
		-webkit-animation-timing-function:ease;
		-webkit-animation-delay:0s;
		-webkit-animation-direction:normal;
		-webkit-transform-origin: 50% 0%;
		-webkit-animation-iteration-count: infinite;
		/* Opera: */
		-o-animation-name:myfirst;
		-o-animation-duration:2s;
		-o-animation-timing-function:ease;
		-o-animation-delay:0s;
		-o-animation-direction:normal;
		-o-transform-origin: 50% 0%;
		-o-animation-iteration-count: infinite;
		}
	@keyframes myfirst
		{
		0%   {left:0px; top:0px;}
		25%  {left:0px; top:0px;}
		75%  {left:0px; top:0px;}
		100% {left:0px; top:0px;  }
		}
	@-moz-keyframes myfirst /* Firefox */
		{
		0%   {left:0px; top:0px; -moz-transform: rotate(-15deg); }
		50%  {left:0px; top:0px; -moz-transform: rotate(15deg); }
		100% {left:0px; top:0px; -moz-transform: rotate(-15deg); }
		}
	@-webkit-keyframes myfirst /* Safari and Chrome */
		{
		0%   {left:0px; top:0px; -webkit-transform: rotate(-15deg); }
		50%  {left:0px; top:0px; -webkit-transform: rotate(15deg); }
		100% {left:0px; top:0px; -webkit-transform: rotate(-15deg); }
		}
	@-o-keyframes myfirst /* Opera */
		{
		0%   {left:0px; top:0px; -o-transform: rotate(-15deg); }
		50%  {left:0px; top:0px; -o-transform: rotate(15deg); }
		100% {left:0px; top:0px; -o-transform: rotate(-15deg); }
		}
	@-ms-keyframes myfirst /* ie */
		{
		0%   {left:0px; top:0px; -ms-transform: rotate(-15deg); }
		50%  {left:0px; top:0px; -ms-transform: rotate(15deg); }
		100% {left:0px; top:0px; -ms-transform: rotate(-15deg); }
		}