diff --git a/src/_hovers.css b/src/_hovers.css
index 4369b51..6e77b80 100644
--- a/src/_hovers.css
+++ b/src/_hovers.css
@@ -84,7 +84,7 @@
   -moz-osx-font-smoothing: grayscale;
   backface-visibility: hidden;
   transform: translateZ(0);
-  transition: transform 0.25s ease-in-out;
+  transition: transform .25s ease-in-out;
 }
 
 .grow-large:hover,
@@ -110,9 +110,9 @@
 */
 
 .shadow-hover::after {
-  box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 );
+  box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, .2 );
   opacity: 0;
-  transition: opacity 0.25s ease-in-out;
+  transition: opacity .25s ease-in-out;
 }
 
 .shadow-hover:hover::after,
@@ -120,3 +120,11 @@
   opacity: 1;
 }
 
+/* Combine with classes in skins and skins-pseudo for 
+ * thousands of different transition possibilities. */
+
+.bg-animate:hover,
+.bg-animate:focus {
+  transition: background-color .15s ease-in-out; 
+}
+