Я создала волшебный сад, где через CSS-анимации передала эстетику ботанических справочников. Здесь можно ловить насекомых, наблюдать за мерцанием звёзд, и изучать магические растения.
Садовый интерактив
Каждый элемент сада — часть волшебной экосистемы. На ночном небе садового полотна тихо мигают звёзды.
Бабочки, стрекозы и жуки кружат над цветами, реагируя на движение курсора. Стоит лишь поднести указатель — и насекомое замирает в воздухе, позволяя «поймать» себя.
Каждый цветок хранит своё имя и магический смысл. Когда наводишь курсор, появляется название — как пометка в старинном гербарии.
Иногда жизнь сада замирает, но стоит присмотреться — среди листвы мелькнёт зелёная спинка. Жаба и кузнечик появляются и исчезают, как стражи волшебного сада.
Цветы и грибы оживают благодаря покадровой анимации: лепестки мягко меняют форму, создавая эффект движения и глубины.
Как в старинных алхимических манускриптах, в верхней части страницы тянется надпись — магическая формула, объединяющая весь сад.
Элементы стиля
Использовала болотно-мистическую цветовую палитру — оттенки зелени, тины и лунного света, которые передают атмосферу влажного сада ранним утром.
Подчеркнула эстетику старинных надписей с помощью лёгкого трекинга.
Передала ощущение живого мира, где флора и фауна переплетаются — растения, грибы, насекомые и тихие обитатели трав существуют в едином ритме.
Адаптивы
Плакат сверстан под 7 популярных размеров экранов — от мобильных до десктопных.
На мобилках и планшетах интерактив переработан: скрытые элементы заменены на «всегда активные», чтобы компенсировать отсутствие ховера.
Ссылки
