ВідеоIT та програмуванняв індексі з
🇺🇦 Як користуватися псевдо елементами ::before ::after в CSS? Робимо тінь - градієнт о_0 щооооаааа?
170 переглядів на YouTube · опубліковано
🇺🇦 Як користуватися псевдо елементами ::before ::after в CSS? Робимо тінь - градієнт о_0 щооооаааа? Зроби це світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO Соурси - не плутати з "Соуси" https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/24-css-after-and-before/ https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Опис відео роліка: в відео розглянемо декілька прикладів - як додати псевто елемент before або after до елемента використовуючі CSS Також розглянемо декілька практичних прикладів - як зробити стрілки в хлібних крошках, як зробити overlay, як зробити тінь для елемента у вигляді градієнта, та як виглядає оверлей з використанням властивості mix-blend-mode #css #html #js #курсиCSS #урокиCSS #CSS #псевдоелементи #beforeAfter #вебдизайн #веброзробка #градієнт #overlay #mixBlendMode #хлібнікрошки #тінівCSS #вебтехнології #фронтенд #CSSпрактики #псевдоелементиCSS #прикладиCSS #webdevelopment #frontend #frontenddev #CSStips #htmlcss #responsiveDesign #coding #uxdesign #webdev #webdesigntrends #programming #UIUX #codinglife #frontenddevelopment #CSSanimations #developerlife
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 115 відео в індексі
Більше від «Frontend Shinobi»
6:09Каскадні шари CSS через рік: чи варто ділити стилі по Mobile First / Desktop First?
7:55CSS Container Queries на практиці: коли @media недостатньо | + corner-shape
7:31Адаптивна сітка css grid — чому це працює
12:06🔥 Забудь про JavaScript: CSS слайдер, який працює без JS
21:36CSS Nesting - Чим відрізняється від CSS? І чи варто його використовувати?
22:53🇺🇦 CSS анімація кнопки, що слідкує за курсором миші | Без JavaScript
Шорти цього каналу
1:04Створення аккордіону на сайті з тегом Details
0:31Анімація та стилізація тегів: Секрети сучасного дизайну
1:46Ефективна Робота з Shadow DOM: Налаштування і Секрети
0:52Покращення інклюзивності: як налаштувати аутлайн елементів
1:30Анімація скролінгу без JavaScript: CSS-трюки для вас
1:06Секрети сховування скролбара для красивого скролінгу
1:55CSS для банера: Створення і налаштування
0:27Додаємо магію з псевдоелементами у банерах
1:17Розкриття Shadow DOM: Як використовувати DevTools
0:51Секрет CSS Scroll Snap, про який ніхто не розповідає #shorts #css #tutorial #programming
1:09CSS Грід: Простий Підхід до Створення Адаптивного Дизайну
2:05