ВідеоIT та програмуванняв індексі з
🇺🇦 Як створити перехрестя від кута до кута для блока з динамічною шириною на CSS без зображення
127 переглядів на YouTube · опубліковано
🇺🇦 Як створити перехрестя від кута до кута для блока з динамічною шириною на CSS без зображення Зроби це світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO Соурси https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/21-crossed-available/ 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Опис відео роліка: У даному роліку розберемо - як зробити еффект "немає у наявності" Поговоримо про те як зробити перехресну лінію від кута до кута div блока щоб емулювати перехрестя ніби якогось розміру або кольору немає в наявності. ПОдивимось різніцю між реалізацією за допомогою зображення та за допомогою псевдоелемента з градієнтом #css #html #js #курсиCSS #урокиCSS #CSS #градієнт #немаєВНаявності #перехреснаЛінія #псевдоелементи #веброзробка #ефектВідсутностіТовару #html #webdesign #стилізація #градієнтніЕлементи #UIдизайн #UXдизайн #декоративнийЕлемент #CSSтрюки #frontend #адаптивнийДизайн #програмування #webdevelopment #кодинг #сучаснийCSS #UXінтерфейси #типографіка #анімаціїCSS #вебтехнології #перехідніефекти #дизайнінтерфейсів #responsiveDesign #інтерактивнийUI #градієнтиCSS
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 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
Шорти цього каналу
0:39Анімація маски: Як правильно налаштувати зображення
1:33Створення GIF з Альфа-Шаром: Легкий Посібник
1:30Створення стильних псевдоселекторів у CSS
0:31Маски в CSS: Як уникнути повторення фону
0:49Анімування масок в CSS: Повний посібник
1:30Ефективні анімації: Як оживити зображення на сайті
1:09CSS Грід: Простий Підхід до Створення Адаптивного Дизайну
0:40corner-shape CSS property #shorts
0:17Анімація маски: Крок за кроком до творчості
1:06Секрети сховування скролбара для красивого скролінгу
2:19Оптимізація макетів: Гнучкі гріди для вашого сайту
0:33