jquery - 我想从200％缩小到100％

我正在使用航点和jquery运输。我能够达到从200％缩小到100％的效果。但是为此，我必须将所有CSS都写为默认值200％，然后我的jquery运输将其缩放为正常大小的0.5。

我的意思是有一种聪明的方法可以做到这一点。

这是我的小提琴
http://jsfiddle.net/cancerian73/eJ2Mw/1/

.fortyone-mil {
font: bold 72px/72px"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #1374a6;
text-align:center;
width:100%;
position:relative;
top:115px;
opacity:1;
}

您可以看到圆圈之间的文本逐渐缩小

最佳答案

您始终可以使用css3变换来具有缩小/放大功能。

jQuery的

$(".fortyone-mil").transition({
  opacity: 1,
  scale: 1
}, 500, 'in');

CSS：

.fortyone-mil {
 -webkit-transform: scale(2);
    -moz-transform: scale(2);
      transform: scale(2);
}

Demo