⚡️ МАКЕТ ДЛЯ ВЕРСТКИ: DIVESEA ⚡️

➡️ Сложность: ⭐️ ⭐️ ⭐️ ⭐️ ⭐️

➡️ Страницы: многостраничный

➡️ Адаптив: есть

➡️ Навыки: flex или grid, слайдеры, табы

🔗 Ссылка на макет

#макет #html #css

CodeBase | Frontend

⚡️ Эффект наведения с подсветкой ⚡️
 
🟣Светящийся эффект наведения на карточках, реализованный с использованием CSS.

🔗 Ссылка

CodeBase | Frontend | #html #css

👩‍💻 Псевдоэлемент ::marker

::marker — псевдоэлемент, отвечающий за маркерное поле. В нём находятся, например, маркеры списка.

👀 Пример

Создадим ненумерованный список <ul> и установим синий цвет точки для каждого элемента <li>:

<ul>
  <li>Цвет точек</li>
  <li>этого ненумерованного списка</li>
  <li>#2e9aff</li>
</ul>

li::marker {
  color: #2e9aff;
}

Псевдоэлемент ::marker работает только на элементах списка.

💡 Для обратной совместимости с CSS 2 браузеры позволяют писать некоторые псевдоэлементы с одним двоеточием, например: ::before, ::after, ::first-letter, ::first-line.

⚠️ Однако псевдоэлемент ::marker необходимо указывать с двумя двоеточиями.

CodeBase | Frontend | #html

#layout #html #css
Вёрстка реального проекта #1 для новичков

Видеоуроки:
1 — Вводное видео
2 — Подготовка к вёрстке и нарезка макета из Figma
3 — Вёрстка HTML макета из Figma
4 — Вёрстка мобильной версии HTML макета из Figma

📹 Плейлист YouTube

Канал: AVIS TV