Очень яркий и креативный пример необычной анимации для Вашего сайта. Если хотите удивить посетителей, то попробовать сделать это можно с помощью данной наработки от Codrops.
Чтобы досконально понять, о чем идет речь, достаточно просто посмотреть демо-страничку. Перед Вами появятся шесть ссылок, каждая из которых перемещает в отдельное окно с контентом. При этом задний анимируется по-слойно, с индивидуальной цветовой гаммой. Выглядит весьма специфично.
Вариантов применения данной идеи можно найти множество:
- превью на главной с обозначением предмета деятельности сайта;
- демонстрация свойств товара;
- короткое описание услуг;
- слайдер с контентом;
- и многое другое…
Исходные файлы
Разработчик предлагает скачать архив с готовым примером. Если Вы знакомы с CSS\JS на прикладном уровне, то внедрить этот прототип у Вас не составит труда. В файле index.html располагается разметка, а в папках css и js — необходимые стили и скрипты. Отметим, что здесь используются внешние библиотеки anime.js и Charming.
Внимание! Пример разработан с использование современных свойств CSS3 — flexbox и grid. Учтите это, при интеграции в современные проекты.
Скачать исходники можно по ссылке выше.