Question

我正在使用航点和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;
}

您可以看到圆圈缩小之间的文字

Answer 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

我希望缩小200％到100％的效果

1 个答案: