Jquery中的缩放效果

Question

我正在尝试创建以下CSS效果：

-webkit-transform: scale(0.92);
transform: scale(0.92);

使用Jquery。这是一个按钮点击效果，它在悬停/点击时反弹和反弹。但是，以下比例效果并不能为我提供必要的效果。任何帮助都会很棒！

$(".ico-btttn").show( "scale", {percent: 0.92, direction: 'vertical' }

.ico-btttn {
    margin-right: 0px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    -webkit-transition: -webkit-transform .07s ease-out; 
   -moz-transition: -moz-transform .07s ease-out; 
   -o-transition: -o-transform .07s ease-out; 
    transition: transform .07s ease-out; 
    height:100px;
    width:100px;
    background-color:pink;
}

.ico-btttn:active {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    opacity: 0.80;
    color:#89df88;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

<div role="button" class="ico-btttn">HELP</div>