Статьи по тегу «анимация»

 

Иконка Рубрики
1 год назад

Переворачивающиеся карточки в CSS | Flip Card

«Flip card» — это визуальный эффект веб-карточки, которая переворачивается при наведении или клике, показывая лицевую и обратную стороны с помощью CSS-анимации.
Frontend 2 224
1 год назад

Анимация блика на кнопке в CSS

Анимация блика на кнопке — это прекрасный способ придать вашим веб-сайтам интересный и привлекательный вид. В этой статье мы рассмотрим, как создать такую анимацию с использованием CSS.
Frontend 3 464
2 года назад

Подробное руководство про анимацию в JavaScript

Анимация в JavaScript — это мощный инструмент для создания динамичных и интерактивных веб-интерфейсов, которые привлекают пользователей и улучшают общий пользовательский опыт.
Frontend 4 509
2 года назад

Продвинутая CSS-анимация с примерами

CSS-анимация — это мощный инструмент для создания привлекательного и динамичного UI на сайте. Она позволяет дизайнерам воплощать в жизнь динамичный дизайн и делать веб-сайты более интерактивными и визуально привлекательными.
Frontend 2 737
2 года назад

Обзор популярных библиотек JavaScript для анимации

В современную цифровую эпоху веб-сайты стали чем-то большим, чем просто платформой для распространения информации. Теперь они являются отражением идентичности бренда, интерактивным инструментом для взаимодействия с клиентами и средством передачи эмоций и впечатлений.
Frontend 555
2 года назад

Основы CSS-анимации: Transitions, Keyframes и функции синхронизации

CSS-анимация стала неотъемлемой частью веб-разработки, позволяя разработчикам создавать динамичный и привлекательный пользовательский интерфейс. В этой статье мы рассмотрим основы CSS-анимации, включая переходы, ключевые кадры и функции синхронизации.
Frontend 1 503
2 года назад

Введение в веб-анимацию: Сделайте сайт более динамичным

В последние годы веб-анимация становится все более популярной как средство улучшения пользовательского опыта веб-сайтов. С помощью веб-анимации дизайнеры и разработчики могут придать сайту интерактивность и сделать его более интересным.
Frontend 848
2 года назад

UI-компоненты. Анимированные кнопки на CSS

Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover, который запускает анимацию, когда пользователь наводит курсор на кнопку.
Frontend 858
2 года назад

Делаем увеличение картинки при наведении на CSS

Если вы ищете способ добавить интерактивности вашим изображениям, обратите внимание на css. С помощью всего нескольких строк кода вы можете добавить эффект «масштабирования» при наведении курсора на изображение.
Frontend 3 086
2 года назад

Создаем слайдер карусель для сайта

Карусельный слайдер — это тип слайдера, который позволяет пользователям прокручивать серию изображений или другой контент. Карусельные слайдеры обычно имеют элементы управления навигацией со стрелками или точками, которые позволяют пользователю прокручивать содержимое.
Frontend 11 530
2 года назад

Анимированные табы

В данном уроке мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования.
Frontend 1 732
3 года назад

Создаем аккордеон на JavaScript

Всем привет! Мы продолжаем создавать элементы пользовательского интерфейса (UI). Сегодня коснемся такой темы, как аккордеоны. Аккордеон позволяет скрывать часть контента и при нажатии на бокс у нас плавно раскрывается весь контент.
Frontend 8 013
3 года назад

Неоновая кнопка на чистом CSS

Неоновые кнопки добавляют приятный футуристический любому веб-сайту. Мне всегда нравилась магия неоновых вывесок, и я хотел воссоздать их с помощью CSS.
Frontend 4 453