Зміст курсу
Test UI Features
Test UI Features
+ (deprecated) Spinning anim
index
index
index
Вместо текста может быть видео или картинка.
Шаг 1:
Каждая картинка добавляется так:
Шаг 2:
Допустим у вас три картинки, нужно установить им задержку анимации чтобы они не стартовали с одной точки, если длительность анимации стоит на 30 секунд, то 30 / 3 (duration / n) получаем 10, выставляем с шагом в -10:
Шаг 3:
У каждой следующей картинки меняем id картинки, контейнера с текстом и контейнера в котором они оба. Плюс меняем начальный угол поворота для картинки и текста. Чтобы узнать какой ставить 360/кол-во картинок, в данном случае 120 градусов
Вторая картинка
Третья картинка Тут уже угол будет 240
Шаг: 4
Делаем так чтобы при наведении на контейнер с изображением оно становилось прозрачным
Выводим текст когда наводим мышкой на картинку
Кол-во этих блоков зависит от кол-ва картинок
Дякуємо за ваш відгук!