Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору приветствую, вопрос по использованию некоторых css свойств с помощью jquery.   Понадобилось, чтобы css анимация срабатывала когда нужная секция страницы находится в фокусе.   Почему то не получается с некоторыми свойствами.   Например, не срабатывает transform - вроде вижу везде что должна срабатывать конструкция типа $('#example').animate({transform:'rotate(360deg)'},1000);   но не срабатывает. В другом месте предложили $('#example').animate({rotate: '360deg'},1000); -   т.е. вообще без transform, но и это не работает.   И еще - не вижу как добавить число итерраций - не только с вращением, но и в нескольких еще случаях мне надо добавить аналогию к css свойству animation-iteration-count: infinite; - не нашел просто. Пока вышел из положения так: применяю opacity:0; и задаю анимацию по transform:rotate и iteration-count в css, потом в js в нужное мне время вызывается .animate({opacity:1} и тогда это срабатывает.   В принципе с бесконечным вращением это решение нормальное, но в других случаях, например, если взять тот же transform: translate - нет.   Ведь если до нужной секции страницы нужно скроллить, css сработает раньше js, и когда сработает opacity:0 , элемент уже переместится, сработает css анимация. Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 16:21 17-03-2018

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii я так сейчас и использую css анимацию, в данном случае я как объяснил пытаюсь отсрочить ее исполнение.   Цитата: Второе - animate меняет значение стиля,мв данном случае оно rotate(360deg), и как его менять он не знает как бы пока без разницы, выставить 360 или 90 deg, не поворачивает. Я пока еще не до конца понял, как оно срабатывает. Например, в документации указан список свойств, которые могут быть анимированы с помощью animate. На самом деле их больше, и можно анимировать еще не только opacity, но даже некоторые свойства svg, например, strokedashoffset, fillopacity. При этом тот же strokeopacity - не дает анимировать.(но можно strokewidth). Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 20:29 17-03-2018 | Исправлено: Weinaum, 20:38 17-03-2018

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii спасибо, я понял. Сейчас вижу что поворачивает, почему то не плавно правда, но уже легче Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 10:59 18-03-2018 | Исправлено: Weinaum, 15:21 18-03-2018

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii . Цитата: Помещаем вызов анимации в отдельную функцию. Третьим/четвертым аргументом у animate является вызов функции после окончания анимации - вызываем эту отдельную функцию. спасибо, буду пробовать. Цитата: Поэтому лучше использовать css анимацию.   так пока и есть, экспериментирую для оптимального решения Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 15:32 18-03-2018

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Mavrikii Именно так я и делаю сейчас.   Когда проект будет в виде, который можно будет показать, я покажу наглядно где что не устраивает меня в чисто css анимации.   Еще раз спасибо Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 22:56 18-03-2018

vs6262 Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Izvenyaus' russ. bukvy perestali rabotat' pod Windows - potom najdu prichinu   u menya vopros: kak s pomosh'yu Regexp iz "1100px" ili "10px" obrezat' tol'ko "px" ?   Spasibo Всего записей: 2237 | Зарегистр. 25-02-2013 | Отправлено: 23:03 29-03-2018

Weinaum Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору приветствую,   хочу использовать вот этот эффект дыма на canvas фоном на странице, для одной конкретной section. Т.е. в этой секции, поверх дыма, размещается весь контент данной секции со своими стилями и скриптами.   Несмотря на то, что секция идет первая, открывает сайт, что то не получается. Прописывая все это между тегами section, на выходе код генерируется так: сначала секция, потом она закрывается, и потом уже canvas.   Можно в принципе сделать наоборот, сначала canvas, потом section, и дать секции большой отрицательный margin-top, но это мне кажется неправильным решением, т.к. не очень хорошо выглядит на меньших разрешениях, под другие медиа запросы. Т.е. высота canvas остается постоянной, и дым переходит на последующие section, где он уже не нужен.   Есть идеи? Всего записей: 2155 | Зарегистр. 18-06-2006 | Отправлено: 12:42 10-04-2018

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование