added button vibration

mozillakr · Aug 14, 2013 · a7020e0 · a7020e0
1 parent 2cd626c
commit a7020e0
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/Vibration/index.html b/Vibration/index.html
@@ -47,6 +47,19 @@
 		div.bb-docs {
 			padding: 1rem;
 		}
+
+    @-moz-keyframes vibrate {
+      from {
+        -moz-transform: rotate(-2deg);
+      }
+      to {
+        -moz-transform: rotate(2deg);
+      }
+    }
+
+    #vibrate.do {
+      -moz-animation: vibrate 10ms linear infinite alternate;
+    }
 		</style>
 
 	</head>
@@ -76,11 +89,13 @@ <h1>Vibration API test app</h1>
 					intervalId = setInterval(function(){
 						window.navigator.vibrate(200);
 					},200);
+			    document.querySelector("#vibrate").className = 'do';
 				}
 
 				function stopVibrate() {
 					clearInterval(intervalId);
 					window.navigator.vibrate(0);
+			    document.querySelector("#vibrate").className = '';
 				}
 
 				return {