jquery - 我想给出从 200% 缩小到 100% 的效果

Question

我正在使用航路点和 jquery 中转。我能够实现从 200% 缩小到 100% 的效果。但为此我必须将我所有的 css 写入默认值 200%，然后我的 jquery transit 将它缩放 0.5 到正常大小。

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

这是我的 fiddle 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