1 год назад
CSS Scroll-Driven Animations
Пару слов о СSS свойстве, которое определяет есть ли прокрутка у элемента или нет. С практической точки зрения его можно применить там, где контент превышает размеры родительского блока. Давайте разберём конкретный пример. Теперь не понятно, где карточки "скроллятся", а где нет...
583 читали · 4 года назад
Создание эффектов при прокрутке
Источник: Nuances of Programming В этом руководстве мы поговорим о том, как создать эффект открывающегося блока при прокрутке. Эффект состоит из сплошного цветного блока, который уменьшается в размере, открывая текст или изображение. Эффекты открывания можно использовать для создания интересных взаимодействий с пользовательскими компонентами, такими как слайд-шоу. Этот слайд создан с помощью схожей wipe-анимации: Рассмотрим создание этого эффекта с использованием CSS и Animate on Scroll (AOS) (библиотека JavaScript для анимации элементов при прокрутке в момент входа пользователя в viewport)...