adding option to remove hints animation

Author: afshinm

intro.js

@@ -72,7 +72,9 @@
       /* Default hint position */
       hintPosition: 'top-middle',
       /* Hint button label */
-      hintButtonLabel: 'Got it'
+      hintButtonLabel: 'Got it',
+      /* Adding animation to hints? */
+      hintAnimation: true
     };
   }
 
@@ -1243,7 +1245,8 @@
           currentItem.element = document.querySelector(currentItem.element);
         }
 
-        currentItem.hintPosition = currentItem.hintPosition || 'top-middle';
+        currentItem.hintPosition = currentItem.hintPosition || this._options.hintPosition;
+        currentItem.hintAnimation = currentItem.hintAnimation || this._options.hintAnimation;
 
         if (currentItem.element != null) {
           this._introItems.push(currentItem);
@@ -1260,10 +1263,20 @@
       for (var i = 0, l = hints.length; i < l; i++) {
         var currentElement = hints[i];
 
+        // hint animation
+        var hintAnimation = currentElement.getAttribute('data-hintAnimation');
+
+        if (hintAnimation) {
+          hintAnimation = (hintAnimation == 'true');
+        } else {
+          hintAnimation = this._options.hintAnimation;
+        }
+
         this._introItems.push({
           element: currentElement,
           hint: currentElement.getAttribute('data-hint'),
           hintPosition: currentElement.getAttribute('data-hintPosition') || this._options.hintPosition,
+          hintAnimation: hintAnimation,
           tooltipClass: currentElement.getAttribute('data-tooltipClass'),
           position: currentElement.getAttribute('data-position') || this._options.tooltipPosition
         });
@@ -1376,6 +1389,10 @@
 
       hint.className = 'introjs-hint';
 
+      if (!item.hintAnimation) {
+        hint.className += ' introjs-hint-no-anim';
+      }
+
       // hint's position should be fixed if the target element's position is fixed
       if (_isFixed(item.element)) {
         hint.className += ' introjs-fixedhint';

introjs.css

@@ -357,8 +357,12 @@ tr.introjs-showElement > th {
   background: transparent;
   width: 20px;
   height: 15px;
+  cursor: pointer;
+}
+.introjs-hint:focus {
+    border: 0;
+    outline: 0;
 }
-
 .introjs-hidehint {
   display: none;
 }
@@ -387,7 +391,11 @@ tr.introjs-showElement > th {
        -o-transition: all 0.2s ease-out;
           transition: all 0.2s ease-out;
 }
-
+.introjs-hint-no-anim .introjs-hint-dot {
+  -webkit-animation: none;
+  -moz-animation: none;
+  animation: none;
+}
 .introjs-hint-dot {
   border: 10px solid rgba(146, 146, 146, 0.36);
   background: transparent;