С информацией
Только заголовки

Вертикальная круговая карусель

Вертикальная круговая карусель с увеличением фотографии при наведении мышки

Красивое решение для вращения по окружности любого количества изображений

Читать далее

SVG-иконка 404

Анимированная SVG-иконка для страницы 404

Простой и оригинальный вариант оформления страницы для ошибки 404.

Имитирующая недовольную рожицу анимированная иконка хорошо заменит стандартные тексты или обычные картинки.

Читать далее

Телефон со слайдером в руке

3 варианта оформления слайдера в мобильном телефоне, который расположен в руке

Данный вариант слайдера хорошо подойдет для показа скриншотов мобильных приложений или страниц сайтов

Для его создания используется фреймворк Swiper

Читать далее

Меню с прыгающим мячиком

Анимация подсветки пункта меню прыгающим к нему мячиком

Эффект реализован с помощью небольшого JS-кода, без использования дополнительных библиотек, и адаптирован под мобильные устройства.

Читать далее

Стеклянный блок на изображении

Эффект искажающего стекла на изображении средствами SVG и JS

Как разместить текст на фоновом изображении, чтобы он был читаемый и красиво смотрелся?

Ранее были темы Текст на размытом фоне и Варианты наложения текста на изображение, но эта немного интереснее.

Читать далее


Анимированная подсветка пунктов меню на CSS

Анимация подсветки пунктов меню через CSS-функцию anchor()

CSS-функция anchor() имеет массу возможностей для оформления элементов сайта, таких как всплывающие подсказки, выпадающие меню и др.

В данной теме она используется для анимации подсветки пунктов меню.

Читать далее

Фоновые анимации Vanta.js

Интерактивные анимированные 3D-фоны Vanta.js

Несмотря на то, что данный проект скорее всего больше не поддерживается, он имеет несколько красивых и простых в установке интерактивных анимированных 3D-фонов.

Данные анимации могут отлично украсить главные секции сайта и смотреться намного лучше чем видео

Читать далее

Волнистые линии

Волнистые линии для секции управляемые курсором

  • Скрипт, который реализует эффект не требует дополнительных библиотек
  • Эффект волн может использоваться многократно на одной странице
  • Оформление линий и движущейся точки задается через CSS
Читать далее

3D-параллакс эффект с карточками

Блок-секция для трех карточек с трехмерным параллакс эффектом

Красивый эффект трехмерной трансформации блока при движении курсора мыши.

Читать далее