🎯 Загружено автоматически через бота:
🚫 Оригинал видео:
📺 Данное видео является собственностью канала Александр Ламков — 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
9 views
2
1
3 months ago 00:10:33 13
[Александр Ламков — Friendly Frontend] 1. CSS для начинающих. Введение. Подключение, базовые концепции: каскад, специфичность, н
3 months ago 00:08:18 28
[Александр Ламков — Friendly Frontend] 18. Актуальность HTML-тегов и атрибутов. Сервисы caniuse и caninclude. Валидатор разметки
3 months ago 00:08:17 19
[Александр Ламков — Friendly Frontend] 17. Глобальные атрибуты HTML — class, id, title, hidden, tabindex, lang и др. Комментарии
3 months ago 00:06:10 10
[Александр Ламков — Friendly Frontend] 16. HTML векторная графика, тег svg. Как выгрузить SVG изображение из Figma
3 months ago 00:04:41 9
[Александр Ламков — Friendly Frontend] 15. Семантические теги HTML: header, main, footer, section, aside, nav и остальные. Семан
3 months ago 00:16:34 11
[Александр Ламков — Friendly Frontend] 14. Формы в HTML. Атрибуты required, disabled, readonly, placeholder, inputmode, type и a
3 months ago 00:04:42 12
[Александр Ламков — Friendly Frontend] 13. Формы в HTML. Теги textarea, select, option, optgroup
3 months ago 00:05:17 13
[Александр Ламков — Friendly Frontend] 12. HTML тег input и его вариации. Атрибут type, значения tel, email, password, url, sear
3 months ago 00:04:38 9
[Александр Ламков — Friendly Frontend] 11. HTML формы. Теги form, fieldset, legend, label и поле ввода input
3 months ago 00:06:07 1
[Александр Ламков — Friendly Frontend] 10. HTML таблицы — теги table, tr, td и th. Структурные табличные теги thead, tbody, tfoo
3 months ago 00:06:42 10
[Александр Ламков — Friendly Frontend] 9. Медиаконтент в HTML — видео, аудио, фреймы. Теги video, audio, iframe. Тег source
3 months ago 00:02:18 13
[Александр Ламков — Friendly Frontend] 8. Цитаты в HTML — теги blockquote, cite. Атрибут cite. Источник цитаты в HTML
3 months ago 00:08:17 8
[Александр Ламков — Friendly Frontend] 7. HTML изображения — тег img. Относительные и абсолютные пути
3 months ago 00:07:22 22
[Александр Ламков — Friendly Frontend] 1. HTML для начинающих. Введение — тег, анатомия тега, поток документа, вложенность, атри
6 months ago 00:16:06 1
CSS позиционирование — свойства position, top, right, bottom, left и z-index. Контекст наложения.
7 months ago 00:09:38 1
Будущее CSS-анимаций — scroll-timeline, animation-timeline и animation-range, JS больше не нужен!