Я хочу дать эффект уменьшения от 200% до 100%

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);
}

демонстрация