🎯 Загружено автоматически через бота:
🚫 Оригинал видео:
📺 Данное видео является собственностью канала Александр Ламков — Friendly Frontend. Оно представлено в нашем сообществе исключительно в информационных, научных, образовательных или культурных целях. Наше сообщество не утверждает никаких прав на данное видео. Пожалуйста, поддержите автора, посетив его оригинальный канал: @AleksanderLamkov.
✉️ Если у вас есть претензии к авторским правам на данное видео, пожалуйста, свяжитесь с нами по почте support@, и мы немедленно удалим его.
📃 Оригинальное описание:
✏️ Поговорим про фоновый цвет, фоновое изображение и градиенты. Обсудим свойство background и все его подсвойства, а так же рассмотрим работу с функцией linear-gradient.
🔴 Timeline:
▶ 00:00 | План урока
▶ 00:19 | Свойство background
▶ 00:51 | Свойство background-color
▶ 01:25 | Свойство background-image
▶ 01:40 | Несколько фоновых изображений
▶ 02:11 | Свойство background-repeat
▶ 03:22 | Свойства background-repeat-x и background-repeat-y
▶ 03:33 | Свойство background-position
▶ 04:47 | Свойство background-size
▶ 06:05 | Где background-size cover не нужен
▶ 06:51 | Свойство background-attachment
▶ 07:03 | Свойство background-attachment fixed
▶ 07:19 | Свойство background-attachment local
▶ 07:36 | Свойство background-clip
▶ 07:45 | Свойство background-clip border-box
▶ 07:51 | Свойство background-clip padding-box
▶ 07:57 | Свойство background-clip content-box
▶ 08:05 | Свойство background-clip text
▶ 08:44 | Градиенты в CSS
▶ 09:03 | Градиенты repeating
▶ 09:14 | Градиент linear-gradient
▶ 09:46 | Направление градиента
▶ 10:26 | Направление градиента через turn
▶ 10:40 | Направление градиента через ключевые слова
▶ 10:58 | Точки перехода цвета в градиенте
▶ 11:47 | Генераторы CSS-градиентов
▶ 12:01 | Применение обобщенного свойства для задания цвета
▶ 12:38 | Что дальше
📚 Полезные ссылки:
➖ Современный справочник по CSS:
➖ Справочник по фронтенду “MDN“ от разработчиков Mozilla Firefox:
➖ Генератор градиентов:
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале:
🟠 HTML:
🔵 CSS:
🟡 JS:
🟢 A11y:
⚪️ Мастер-класс по верстке для новичков:
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):
🗺 Frontend Roadmap 2024
📌 Автор:
➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Solvery:
#frontend #фронтенд #css