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

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

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

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

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

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