Заказать сайт
Заказать сайт
Цены
Статьи и уроки
mail@vecdev.ru

UI Эффект матового стекла на HTML + CSS. Glassmorphism

Украсить сайт можно с помощью необычного UI решения "Эффект матового стекла" веб-дизайна при помощи HTML и CSS (ну и немного JS). Думаю, что это не пойдет "в массы", так как создание такого эффекта требует вложения достаточно большого количества времени.

Таймкоды:

  • 01:00 - Собираем макет в Adobe XD
  • 05:00 - Пишем HTML код в PhpStorm
  • 11:49 - Верстаем стили в SCSS
  • 22:19 - Подключаем GSAP
  • 22:57 - Пишем JS код анимации
  • 30:47 - Рассказываю про CSS Clippy
  • 31:20 - Заключение
Наши соцсети

Подписывайтесь на наши соцсети, там еще больше информации и контента. На YouTube канале вы найдете видео уроки по созданию сайтов на Битрикс и другие полезные "фишки".

Поделиться статьей
Комментарии
Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Защита от автоматических сообщений
 

Заметки по разработке сайтов

Получить список разделов API Битрикс CIBlockSection::GetList
Получить список разделов API Битрикс CIBlockSection::GetList
Настройка выполнения агентов Битрикс на Cron - решение проблемы неработающих агентов
Настройка выполнения агентов Битрикс на Cron - решение проблемы неработающих агентов
Готовая кнопка "гамбургер" для бокового меню на CSS и SCSS
Готовая кнопка "гамбургер" для бокового меню на CSS и SCSS
В этой статье мы создадим кнопку мобильного меню на чистом CSS, без картинок, svg вектора и другой ерунды. Кнопка открытия бокового меню для мобильной версии сайта. Универсальная кнопка, которая подойдет для раскрытия бокового меню сайта в адаптивной и мобильной верстке.
Вывести подразделы текущего раздела в Битрикс
Уменьшение размера изображений в 1С-Битрикс через кеш. Метод CFile::ResizeImageGet.
Выезжающее мобильное меню Jquery+HTML+CSS
Шпаргалка по Битрикс JS
Вывести название текущего раздела новостей
Шпаргалка по управлению сервисами CentOS 7 с помощью systemd
Включаемые области $APPLICATION->IncludeFile
Своя кастомная нумерация заказов
Основные методы, функции и классы в 1С-Битрикс
Читать другие статьи...
Читать статьи
mail@vecdev.ru
Заказать сайт

ИП Пронина, ОГРНИП: 319774600487063, ИНН: 591154973161.

© Студия веб-дизайна "Vector Dev", 2016-2025. Копирование материалов сайта без активной ссылки на источник запрещено.

Заполните форму
UI Эффект матового стекла на HTML + CSS. Glassmorphism

Нажимая "Отправить" Вы даете разрешение на обработку персональных данных

Ваше сообщение отправлено!
Мы свяжемся с Вами в ближайшее время.
Отлично!