避免缩放比例元素的子元素

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