Несколько экземпляров (изображения)

0

Мне было интересно, как этого добиться. Например, у меня есть четыре версии логотипа, и я хочу пройти через все из них с помощью флип-эффекта. Пример:

Логотип 1 (ждет пару секунд)> сбрасывается на логотип 2 (ждет пару секунд)> перелистывает логотип 3 (ждет пару секунд)> переворачивается на логотип 4. Все это с перспективой анимации.

Так же, как вы могли бы переворачивать монету, но вы переворачиваете 4 экземпляра логотипа.

Я действительно не знаю, как сделать анимацию flipping автоматически. Я нашел кое-что, но они набрасываются на зависание или нажимают + вы можете перевернуть 2 экземпляра (спереди и сзади).

Возможно, вы можете указать мне на некоторые соответствующие учебники или что-то в этом роде.

Спасибо.

  • 0
    Это должно помочь вам начать
Теги:
transform

1 ответ

0
Лучший ответ

Полностью возможно с CSS3!

Вместо использования перехода (ведьма запускается действием от пользователя), используйте анимацию css. На CSS-tricks.com есть отличное видео, в котором представлены ролики для анимации CSS, и я рекомендую вам проверить это, чтобы увидеть, как обдумать его и как заставить его работать во многих браузерах, но в двух словах вы начинаете с объявление анимации:

@-webkit-keyframes nameTheAnimation { /* what will it do */ }

И затем вы переходите элемент, который хотите оживить и добавить анимацию:

-webkit-animation: nameTheAnimation 'delay in s' 'time in s';

Подробнее о том, какие свойства доступны, вы можете проверить w3schools

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню