.tach svg { width: 66px; height: 66px; transform-box: fill-box; }
.tach .masking { fill: #FFFFFF; }
.tach .color_01 { fill: #FFF2A4; }
.tach .color_02 { fill: #FFF274; }
.tach .color_03 { fill: #FFE349; }
.tach .color_04 { fill: #FFD238; }
.tach .color_05 { fill: #FFB925; }
.tach .color_06 { fill: #FF9E15; }
.tach .color_07 { fill: #FF8308; }
.tach .color_08 { fill: #FF6D00; }
.tach .color_09 { fill: #F44807; }
.tach .color_10 { fill: #E02222; }
.tach .gray,
.tach.rate0 .color_01,
.tach.rate0 .color_02,
.tach.rate0 .color_03,
.tach.rate0 .color_04,
.tach.rate0 .color_05,
.tach.rate0 .color_06,
.tach.rate0 .color_07,
.tach.rate0 .color_08,
.tach.rate0 .color_09,
.tach.rate0 .color_10 { fill: #E5E5E5; }
.tach .border { fill: #DDDDDD; }
.tach .needle { fill: rgba(0,0,0,0.5); }
.grays { transform-origin: 50% 50%; transition: all ease-in-out 1.25s; height: 512px; width: 512px; }
.needle { transform-origin: 50% 50%; transition: all ease-in-out 1.5s; height: 512px; width: 512px; }
.tach.rating0 .grays { stroke-dashoffset: -433 ; }
.tach.rating0_5 .grays, .tach.rating1 .grays { stroke-dashoffset: -507 ; }
.tach.rating1_5 .grays, .tach.rating2 .grays { stroke-dashoffset: -579 ; }
.tach.rating2_5 .grays, .tach.rating3 .grays { stroke-dashoffset: -652 ; }
.tach.rating3_5 .grays, .tach.rating4 .grays { stroke-dashoffset: -725 ; }
.tach.rating4_5 .grays, .tach.rating5 .grays { stroke-dashoffset: -797 ; }
.tach.rating5_5 .grays, .tach.rating6 .grays { stroke-dashoffset: -870 ; }
.tach.rating6_5 .grays, .tach.rating7 .grays { stroke-dashoffset: -942 ; }
.tach.rating7_5 .grays, .tach.rating8 .grays { stroke-dashoffset: -1015; }
.tach.rating8_5 .grays, .tach.rating9 .grays { stroke-dashoffset: -1087; }
.tach.rating9_5 .grays, .tach.rating10 .grays { stroke-dashoffset: -1162; }
.tach.rating0 .needle { transform: rotate( 0.00deg); }
.tach.rating0_5 .needle { transform: rotate( 10.25deg); }
.tach.rating1 .needle { transform: rotate( 19.00deg); }
.tach.rating1_5 .needle { transform: rotate( 31.75deg); }
.tach.rating2 .needle { transform: rotate( 41.50deg); }
.tach.rating2_5 .needle { transform: rotate( 54.25deg); }
.tach.rating3 .needle { transform: rotate( 64.00deg); }
.tach.rating3_5 .needle { transform: rotate( 76.75deg); }
.tach.rating4 .needle { transform: rotate( 86.50deg); }
.tach.rating4_5 .needle { transform: rotate( 99.25deg); }
.tach.rating5 .needle { transform: rotate(109.00deg); }
.tach.rating5_5 .needle { transform: rotate(121.75deg); }
.tach.rating6 .needle { transform: rotate(131.50deg); }
.tach.rating6_5 .needle { transform: rotate(144.25deg); }
.tach.rating7 .needle { transform: rotate(154.00deg); }
.tach.rating7_5 .needle { transform: rotate(166.75deg); }
.tach.rating8 .needle { transform: rotate(176.50deg); }
.tach.rating8_5 .needle { transform: rotate(189.25deg); }
.tach.rating9 .needle { transform: rotate(199.00deg); }
.tach.rating9_5 .needle { transform: rotate(211.75deg); }
.tach.rating10 .needle { transform: rotate(221.50deg); }
8
Autoblog Rating
8
