CSS Свойства Которые Добавят Динамику Твоему Проекту.

А нельзя наверное оплатить рублями?

в css появились новые свойства для скроллбара, уже поддерживаются хромом и лисой, опера и сафари пока - нет. вот пример с переключением цветовой темы

html {
// * цветовая тема сайта по умолчанию (надо указывать, что бы браузер, при смене цветовой темы сайта через JS, перекрашивал скроллбары, поля форм и т.п. специфичные элементы)
color-scheme: var(--base-color-scheme, light);

// * цвет скролла состоит из двух - бегунок и его фон
scrollbar-color: var(--base-scrollbar-thumb-color) var(--base-scrollbar-track-color);
// * толщина скролла либо auto (по умолчанию, можно не писать), либо thin (тонкий)
scrollbar-width: thin;
// * плейсхолдер для скролла - браузер резервирует место под скролл, если он там может появится и отодвигает другие блоки от края экрана (может быть в двух противоположных сторон одновременно, если задать 2 значения - stable both-edges), помогает убрать "дерганье" страницы, когда открывается модальное окно и для html отключают скролл
scrollbar-gutter: stable;

// * анимируем смену цвета скролла, если анимации в браузере посетителя не заблокированы - работает для плавной смены цветовой темы
@media (prefers-reduced-motion: no-preference) {
transition: var(--base-transition);
transition-property: scrollbar-color;
}
}
body {
margin: 0;
min-height: 100dvh;

color: var(--body-color);
background-color: var(--body-background-color);

@media (prefers-reduced-motion: no-preference) {
transition: var(--base-transition);
transition-property: color, background-color;
}
}
:root {
--base-transition: .2s ease-in-out;

--base-color-scheme: light;

--base-scrollbar-thumb-color: black;
--base-scrollbar-track-color: white;

--body-color: black;
--body-background-color: white;
}
:root[data-theme=dark] {
--base-color-scheme: dark;

--base-scrollbar-thumb-color: white;
--base-scrollbar-track-color: black;

--body-color: white;
--body-background-color: black;
}

Потрясающий формат подачи.. все понятно. Гениально. Автор, а напиши игру на css и вот так же покажи как ты это делаешь. Платформер например.. можно же уже наверное.

Сафари вроде как не поддерживает стилизацию скролла, так что от js библиотек не получается отказаться(

Спасибо за урок! ждем продолжение!

Капец полезный видос! Спасибо! Object fit рулит

Спасибо! А как насчет SEO по этому скрытому в css тексту? Не тестирова, гуглбот читает этот скрытый текст?

Я могу программироть на чистом css только не могу найти тех, кто будет покупать мои работы и мне все друзья говорят, что нужно учить js итак далее

Спасибо , дядь.

ну не строчи ты так}

Как можно программировать на языке который не является языком программирования

Круто Саш :) Будут ли уроки по woocommerce и headless в паре с wp graphql?

Го видос по анимациям с вау эффектом 🔥

Александр, ваш бусти еще живой? Как быть тем кто в РФ?

Огонь 🔥

Куда вы пропали, почеиу видео больше нет?

Hi, Coach. Do you want your Udemy course to go from being a new seller to a best seller?
Together, we can increase your course's visibility, attract targeted enrollment, and build your expert credibility so that it converts into sales on Udemy.

Александр, вы куда пропали?