Эффекты движения со следом из изображений
Набор оригинальных эффектов, возникающих во время перемещения курсора мыши по веб-странице. Они проявляются в виде случайной смены серии изображений.
Посмотреть демо Скачать исходный код
Сегодня мы хотим познакомить вас с забавным эффектом, который нашли на сайте VLNC Studio. Он заключается в выводе за курсором мыши «следа» из случайных изображений. Мы собрали набор демонстраций, в которых используются различные эффекты анимации, работающие на TweenMax.
Внимание: В примерах работы эффекта используются современные свойства CSS, которые могут не поддерживаться в устаревших браузерах.
Механизм эффекта заключается в отображении изображений так, чтобы вдоль движения курсора мыши выводился след.
Существует большое количество возможностей для экспериментов с эффектами, которые заставляют исчезать изображения.
Пример 3 показывает, как реализовать эффект «падающих» изображений, когда они исчезают.
Мы также можем добавить немного сжатия.
В последнем примере демонстрируется установка размера изображения на весь экран и ограничение движения только по сторонам.
Вот короткая GIF-анимация, которая наглядно иллюстрирует эффект второго примера, в котором изображения увеличиваются и уменьшаются.
Мы надеемся, что вам понравились продемонстрированные эффекты движения со следом.