display: -webkit-inline-box;
-webkit-box-orient: horizontal;
}**/
+body {
+ margin: 0px;
+ height: 768px;
+ width: 1024px;
+}
#velocity {
//position: absolute;
}
#mainbox {
- background: url("tachometer-assets/tachometer-background.jpg") top left no-repeat;
+ background: url("assets/tachometer-background.jpg") top left no-repeat;
}
#infoarea {
.needleParent {
position: relative;
- background: url("tachometer-assets/dial-main-bg.png") top left no-repeat;
+ background: url("assets/dial-main-bg.png") top left no-repeat;
height: 607px;
width: 626px;
//-webkit-border-radius: 360px;
z-index: 140;
margin-top: 110px;
margin-left: 120px;
- background: url("tachometer-assets/dial-main-center-bg.png") top left no-repeat;
+ background: url("assets/dial-main-center-bg.png") top left no-repeat;
height: 390px;
width: 382px;
//-webkit-border-radius: 250px;
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;
}