Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
+ (deprecated) Spinning anim | Other
Test UI Features
course content

Contenido del Curso

Test UI Features

Test UI Features

2. ContentDev Tools
3. Video Tools
4. Image Tools
5. Links
6. Other
8. Tables
9. Redesign Testing Environment

+ (deprecated) Spinning anim

html

index

css

index

js

index

copy

Вместо текста может быть видео или картинка.

Шаг 1:

Каждая картинка добавляется так:

Шаг 2:

Допустим у вас три картинки, нужно установить им задержку анимации чтобы они не стартовали с одной точки, если длительность анимации стоит на 30 секунд, то 30 / 3 (duration / n) получаем 10, выставляем с шагом в -10:

Шаг 3:

У каждой следующей картинки меняем id картинки, контейнера с текстом и контейнера в котором они оба. Плюс меняем начальный угол поворота для картинки и текста. Чтобы узнать какой ставить 360/кол-во картинок, в данном случае 120 градусов

Вторая картинка

Третья картинка Тут уже угол будет 240

Шаг: 4

Делаем так чтобы при наведении на контейнер с изображением оно становилось прозрачным

Выводим текст когда наводим мышкой на картинку

Кол-во этих блоков зависит от кол-ва картинок

¿Todo estuvo claro?

Sección 6. Capítulo 5
We're sorry to hear that something went wrong. What happened?
some-alt