Animaciones CSS

latido.css

.latido {
		  -moz-animation: latir 2s infinite;
		  -webkit-animation: latir 2s infinite;
		  animation: latir 2s infinite; }

		/*$animation_first: translateY(0);*/
		/*$animation_first: translateY(0);*/
		
		/*$animation_second: translateY(-20px);*/
		/*$animation_second: translateY(-20px);*/

		/*$animation_third: translateY(-5px);*/
		/*$animation_third: translateY(-5px);*/

		@-moz-keyframes latir {
		  0%,
		  20%,
		  50%,
		  80%,
		  100% {
		    -moz-transform: scale(1);
		    transform: scale(1); }
		  40% {
		    -moz-transform: scale(1.4);
		    transform: scale(1.4); }
		  60% {
		    -moz-transform: scale(1.2);
		    transform: scale(1.2); }
		}
		@-webkit-keyframes latir {
		  0%,
		  20%,
		  50%,
		  80%,
		  100% {
		    -webkit-transform: scale(1);
		    transform: scale(1); }
		  40% {
		    -webkit-transform: scale(1.4);
		    transform: scale(1.4); }
		  60% {
		    -webkit-transform: scale(1.2);
		    transform: scale(1.2); }
		}
		@keyframes latir {
		  0%,
		  20%,
		  50%,
		  80%,
		  100% {
		    -moz-transform: scale(1);
		    -ms-transform: scale(1);
		    -webkit-transform: scale(1);
		    transform: scale(1); }
		  40% {
		    -moz-transform: scale(1.4);
		    -ms-transform: scale(1.4);
		    -webkit-transform: scale(1.4);
		    transform: scale(1.4); }
		  60% {
		    -moz-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		    -webkit-transform: scale(1.2);
		    transform: scale(1.2); }
		}

saltarina.css

.saltarina {
  -moz-animation: saltar 2s infinite;
  -webkit-animation: saltar 2s infinite;
  animation: saltar 2s infinite; }

@-moz-keyframes saltar {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-webkit-keyframes saltar {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes saltar {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }