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

Question

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

0

Я использую waypoints и jquery транзит. Я могу добиться эффекта уменьшения с 200% до 100%. Но для этого я должен написать все мои css до значения по умолчанию 200%, а затем мой jquery транзит ake он масштабируется от 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;
}

вы можете увидеть текст между кругом, который будет уменьшен

San 12 нояб. 2013, в 07:04

Источник

0

scale / transform - это умный способ сделать это. Есть ли у вас какие-либо проблемы в вашей реализации?
Jashwant 12 нояб. 2013, в 06:11
0

@jashwant: моя проблема в том, что для масштабирования мне нужно сделать все CSS за 200%, а затем уменьшить до 100%. Я хочу сделать CSS нормального размера, и какой бы элемент я ни хотел масштабировать, просто загрузите их на 200%. Имею ли я смысл для вас или мне неясно
San 12 нояб. 2013, в 06:14
0

Затем просто код с обычным CSS и масштабировать до 200% при загрузке страницы с транзитом. Или у вас может быть класс css с transform , который вы можете добавить к элементам, которые вы хотите масштабировать.
Jashwant 12 нояб. 2013, в 06:20
0

это то, что я изо всех сил пытаюсь сделать. Как масштабировать CSS до 200% или нормальная нагрузка
San 12 нояб. 2013, в 06:30
0

Вы можете добавить CSS transform: scale(2, 2) чтобы преобразовать эти элементы.
Jashwant 12 нояб. 2013, в 06:48
0

Я в замешательстве можешь показать мне маленькую скрипку, если это не боль
San 12 нояб. 2013, в 06:52
0

Проверьте мой ответ ниже
Jashwant 12 нояб. 2013, в 07:06
0

Я попытался указать задержку, подобную переходу $ (". Сорока один мил"). ({Непрозрачность: 1, масштаб: 1}, 500, 'in'). Задержка (2000); Но это не работает, я делаю что-то не так
San 12 нояб. 2013, в 11:03

Показать ещё 6 комментариев

Теги:

jquery

html

css3

jquery-waypoints

jquery-transit

1 ответ

Ещё вопросы

scale / transform - это умный способ сделать это. Есть ли у вас какие-либо проблемы в вашей реализации?
@jashwant: моя проблема в том, что для масштабирования мне нужно сделать все CSS за 200%, а затем уменьшить до 100%. Я хочу сделать CSS нормального размера, и какой бы элемент я ни хотел масштабировать, просто загрузите их на 200%. Имею ли я смысл для вас или мне неясно
Затем просто код с обычным CSS и масштабировать до 200% при загрузке страницы с транзитом. Или у вас может быть класс css с transform , который вы можете добавить к элементам, которые вы хотите масштабировать.
это то, что я изо всех сил пытаюсь сделать. Как масштабировать CSS до 200% или нормальная нагрузка
Вы можете добавить CSS transform: scale(2, 2) чтобы преобразовать эти элементы.
Я в замешательстве можешь показать мне маленькую скрипку, если это не боль
Я попытался указать задержку, подобную переходу $ (". Сорока один мил"). ({Непрозрачность: 1, масштаб: 1}, 500, 'in'). Задержка (2000); Но это не работает, я делаю что-то не так

Jashwant · Accepted Answer · 2013-11-12T04-15-00.000Z

Вы всегда можете использовать преобразование 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);
}

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

чувак, почему я не думал об этом. ты звезда. большое спасибо
Есть ли способ, где я могу отложить для следующей анимации?
Вы можете использовать функцию delay() jquery для элементов в очереди. Или вы можете использовать setTimeout . Пожалуйста, отметьте ответ, если он вам помог.
я уже пометил ваше решение как правильное, я дал ему +1. ты можешь видеть
+1 за голосование. Вы должны отметить это как ответ. Нажмите на «правильную» галочку, чтобы утвердить ее в качестве ответа;)
Я тоже это сделал, и мне удалось сделать задержку. Что лучше задержка или время ожидания?
delay лаконична и работает хорошо. Придерживаться.