Вертикальная круговая карусель
Вертикальная круговая карусель с увеличением фотографии при наведении мышки
Красивое решение для вращения по окружности любого количества изображений
SVG-иконка 404
Анимированная SVG-иконка для страницы 404
Простой и оригинальный вариант оформления страницы для ошибки 404.
Имитирующая недовольную рожицу анимированная иконка хорошо заменит стандартные тексты или обычные картинки.
Телефон со слайдером в руке
3 варианта оформления слайдера в мобильном телефоне, который расположен в руке
Данный вариант слайдера хорошо подойдет для показа скриншотов мобильных приложений или страниц сайтов
Для его создания используется фреймворк Swiper
Меню с прыгающим мячиком
Анимация подсветки пункта меню прыгающим к нему мячиком
Эффект реализован с помощью небольшого JS-кода, без использования дополнительных библиотек, и адаптирован под мобильные устройства.
Стеклянный блок на изображении
Эффект искажающего стекла на изображении средствами SVG и JS
Как разместить текст на фоновом изображении, чтобы он был читаемый и красиво смотрелся?
Ранее были темы Текст на размытом фоне и Варианты наложения текста на изображение, но эта немного интереснее.
Анимированная подсветка пунктов меню на CSS
Анимация подсветки пунктов меню через CSS-функцию anchor()
CSS-функция anchor() имеет массу возможностей для оформления элементов сайта, таких как всплывающие подсказки, выпадающие меню и др.
В данной теме она используется для анимации подсветки пунктов меню.
Фоновые анимации Vanta.js
Интерактивные анимированные 3D-фоны Vanta.js
Несмотря на то, что данный проект скорее всего больше не поддерживается, он имеет несколько красивых и простых в установке интерактивных анимированных 3D-фонов.
Данные анимации могут отлично украсить главные секции сайта и смотреться намного лучше чем видео
Волнистые линии
Волнистые линии для секции управляемые курсором
- Скрипт, который реализует эффект не требует дополнительных библиотек
- Эффект волн может использоваться многократно на одной странице
- Оформление линий и движущейся точки задается через CSS
3D-параллакс эффект с карточками
Блок-секция для трех карточек с трехмерным параллакс эффектом
Красивый эффект трехмерной трансформации блока при движении курсора мыши.
