Merge branch 'myBranch' of git://github.com/Dusandinho/Hover into Dusandinho-myBranch

css/hover.css

@@ -1374,6 +1374,54 @@
 }
 
 /* BACKGROUND TRANSITIONS */
+/* Back Pulse */
+@-webkit-keyframes hvr-back-pulse {
+  0% {
+    -webkit-opacity: 1;
+  }
+
+  50% {
+    -webkit-opacity: 0.75;
+  }
+}
+
+@keyframes hvr-back-pulse {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.75;
+  }
+}
+
+.hvr-back-pulse {
+  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.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-property: color, background-color;
+  transition-property: color, background-color;
+}
+.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
+  -webkit-animation-name: hvr-back-pulse;
+  animation-name: hvr-back-pulse;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-timing-function: linear;
+  animation-timing-function: linear;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  background-color: #2091d1;
+  color: white;
+}
+
 /* Fade */
 .hvr-fade {
   display: inline-block;

index.html

@@ -72,6 +72,7 @@
 
 			<h2>Background Transitions</h2>
 
+            <a href="#" class="hvr-back-pulse">Back Pulse</a>
 			<a href="#" class="hvr-fade">Fade</a>
 			<a href="#" class="hvr-sweep-to-right">Sweep To Right</a>
 			<a href="#" class="hvr-sweep-to-left">Sweep To Left</a>