.trzesiawka{
	
	-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.50s;
animation-duration: 0.50s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;	
}
.pulsowanie
{
-webkit-animation-name: pulseOnce;
	/*
	-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;	
	*/
}
.pulsowanie:hover
{
	-webkit-animation-name: pulseOnce;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;	
	-webkit-animation-direction: alternate;
animation-direction: alternate;
}
@-webkit-keyframes hvr-buzz {
	50% {
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg);
	}
}
@keyframes hvr-buzz {
	50% {
		-webkit-transform:translateX(3px) rotate(2deg);
		transform:translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform:translateX(-3px) rotate(-2deg);
		transform:translateX(-3px) rotate(-2deg);
	}
}
@-webkit-keyframes pulseOnce {
	0% {
		-webkit-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(1.15);
	}
	100% {
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes pulseOnce {
	0% {
		-moz-transform:scale(1);
	}
	50% {
		-moz-transform:scale(1.15);
	}
	100% {
		-moz-transform:scale(1);
	}
}
@-o-keyframes pulseOnce {
	0% {
		-o-transform:scale(1);
	}
	50% {
		-o-transform:scale(1.15);
	}
	100% {
		-o-transform:scale(1);
	}
}
@keyframes pulseOnce {
	0% {
		transform:scale(1);
	}
	50% {
		transform:scale(1.15);
	}
	100% {
		transform:scale(1);
	}
}
#spinner
{
    animation: spinner 2s linear infinite;	
}
@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes kolorki {
    0%   {color: red;}
    25%  {color: maroon;}
    50%  {color: orange;}
    100% {color: red;}
}

/* Standard syntax */
@keyframes kolorki {
      0%   {color: red;}
    25%  {color: maroon;}
    50%  {color: orange;}
    100% {color: red;}
}
.kolorki
{
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
	animation-iteration-count: infinite;
animation-duration: 4s;}
		
/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}