避免缩放规模

Question

我想规模只有“外壳”

http://jsfiddle.net/97gSF/

.progress-radial:hover{ 
    -webkit-transform: scale(1.2); 
} 

<div class='progress-radial progress-100'> 
    <div class='profilePicture'></div><a href='#' class='percent'>45%</a> 
</div> 

Answer 1

你可以简单地抵消其对内部元件的缩放元素的孩子：

.progress-radial:hover > * { 
    -webkit-transform: scale(0.833); 
} 

JSFiddle demo。