display: -webkit-inline-box;
-webkit-box-orient: horizontal;
}**/
+body {
+ margin: 0px;
+ height: 768px;
+ width: 1024px;
+}
#velocity {
//position: absolute;
position: relative;
}
+#wheel {
+ -webkit-transform:rotate(0deg);
+ -webkit-transform-origin: 50% 50%;
+ -webkit-transition: all;
+}
+
#iatNeedle {
z-index: 110;
background-color: red;
bottom: 50%;
-webkit-transform:rotate(143deg);
-webkit-transform-origin: 50% 100%;
- -webkit-transition: all 200ms ease-in-out;
+ -webkit-transition: all 1ms;
-webkit-border-radius: 5px;
}
bottom: 50%;
-webkit-transform:rotate(270deg);
-webkit-transform-origin: 50% 100%;
- -webkit-transition: all 1s cubic-bezier(0.25,0.1,0.25,1);
+ -webkit-transition: all 1ms;
-webkit-border-radius: 5px;
}
bottom: 50%;
-webkit-transform:rotate(270deg);
-webkit-transform-origin: 50% 100%;
- -webkit-transition: all 1s cubic-bezier(0.25,0.1,0.25,1);
+ -webkit-transition: all 1ms;
-webkit-border-radius: 5px;
}
left: 51%;
bottom: 51%;
-webkit-transform-origin: 50% 100%;
- -webkit-transition: all 1s cubic-bezier(0.25,0.1,0.25,1);
+ -webkit-transition: all 1ms;
-webkit-border-radius: 17px;
}
bottom: 50%;
-webkit-transform:rotate(340deg);
-webkit-transform-origin: 50% 100%;
- -webkit-transition: all 200ms ease-in-out;
+ -webkit-transition: all 1ms;
-webkit-border-radius: 5px;
}
bottom: 50%;
-webkit-transform:rotate(225deg);
-webkit-transform-origin: 50% 100%;
- -webkit-transition: all 200ms ease-in-out;
+ -webkit-transition: all 1ms;
-webkit-border-radius: 5px;
}