Анимация свойства css через jquery

@sonntagausgang · Регистрация: 24.05.2013

Студворк — интернет-сервис помощи студентам

У меня есть картинка, которая должна сначала увеличиться, потом чуть уменьшиться и опять увеличиться.
Увеличение я написал. А вот вызвать другую функцию, которая пошла бы сразу после выполнения предыдущей.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('.content').animate(
    {
        scale: 1.5,
        scale1: 0.8
    }, {    
        duration: 400,
        step: function( now, fx ){
            $(this).css('-webkit-transform','scale('+now+')');
        },
        step: function( now2, fx ){
            $(this).css('-webkit-transform','scale('+now2+')');
        },
            
    });

Так и неразобрался в значениях complete, queue, step.

Помогите пожалуйста разобраться.

Добавлено через 9 часов 21 минуту
че никто не знает как делать чтоли?

@zlobo · 02.12.2013, 13:04

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$('.content').animate({scale: 1.5}, {
   duration: 400,
   step: function( now, fx ){
      $(this).css('-webkit-transform','scale('+now+')');
   },
   complete: function(){
      $(this).animate({scale: 0.8}, {
         duration: 400,
         step: function( now, fx ){
            $(this).css('-webkit-transform','scale('+now+')');
         }
      });
   }
});

@sonntagausgang · 03.12.2013, 00:46 **[ТС]**

zlobo, спасибо. Наконец-то я понял как это работе.

Добавлено через 4 часа 56 минут
Ладно с этим разобрался. Теперь другая проблема. Я вообще делаю часы. У меня есть часовая стрелка, которая изначально повернута на 10 с помощью css. Центр поворота смещен на нижнюю границу стрелки.

CSS
1
2
-webkit-transform: rotate(-45deg); 
-webkit-transform-origin:center 195px;

Я хочу сделать чтобы она поворачивалась по анимации на 45 градусов в другую сторону.
Работает, только как-то неправильно. Поначалу стрелка стоит, как я и говорил на 10, как только начинается анимация, стрелка вместо того чтобы повернуться на 45 градусов, как вам объяснить становиться на 12 часов и только потом поворачивается на 45 градусов.

У меня нет просто слов. Такого я не ожидал.

JavaScript
1
2
3
4
5
6
$('.circle1 ').animate({rotate:45}, {
                            duration: 5000,
                            step: function( now, fx ) {
                                $(this).css('-webkit-transform', 'rotate('+now+'deg)');
                            },
                        });

Добавлено через 16 минут
Может приписывать поворот на начальный угол в 45 градусов непосредственное там где анимация (ну до нее)

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .