ВідеоIT та програмуванняв індексі з
Як зробити скроллбар елемента ЗЛІВА без JS. Як зробити кастомні скроллбари на чистому CSS?
123 перегляди на YouTube · опубліковано
Як зробити скроллбар елемента ЗЛІВА без JS. Як зробити кастомні скроллбари на чистому CSS? Зроби це світ краще 👇 👇 👇 🇺🇦 Фонд Притули - https://prytulafoundation.org/ 🇺🇦 Стерненко - https://www.youtube.com/@STERNENKO Лінки https://www.cssportal.com/css-scrollbar-generator/ https://bitbucket.org/fairproject/frontend-shinobi-yt/src/main/19-scrollbar-twist/ 👻 На розвиток каналу Frontend Shinobi БАНКА - https://send.monobank.ua/jar/5tEodxQoEu Крипта - USDT 0x284eF2F4db8B27905d68bBBECBC95a119259A395 Опис відео роліка: В відео розберемо як для елемента DIV зробити скроллбар по лівій стороні. Тобто зробити ревер скролбара для елемента А також подивимось як на чістому CSS стилізувати сколбари для всього сайту, кросбраузеро і без використання JavaScript #CSS #Стилізація #Скроллбар #Вебдизайн #Програмування #Розробка #Кросбраузерність #HTML #Вебтехнології #Стилі #overflow #webkitScrollbar #webkitScrollbarThumb #webkitScrollbarTrack #scrollbarColor #scrollbarWidth #direction #rtl #Scrollbar #WebDesign #Programming #WebDevelopment #CrossBrowser #HTML #WebTech #Styling #CodeSnippet
Коментарі
Щоб написати, увійдіть.
Коментарів ще немає. Ваш буде першим.
Цей канал 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:17Розкриття Shadow DOM: Як використовувати DevTools
1:52Псевдоелементи в CSS: Створення фонів із Position Absolute
1:46Ефективна Робота з Shadow DOM: Налаштування і Секрети
1:09Анімація для веб-дизайну: як врахувати Reduce Motion
1:29Анімація скролінга: Змінюємо фон з фіолетового на зелений
0:31Анімація та стилізація тегів: Секрети сучасного дизайну
0:32Ефектна анімація зображень: Підказки для Hover Transition
1:00Анімація фону при скролінгу: Зміна кольорів на прикладі
1:30Анімація скролінгу без JavaScript: CSS-трюки для вас
1:13Анімація Transition: Як зробити її бездоганною
2:05Анімовані маски: Як створити ефект за допомогою HTML
1:30