@@bormanbormanov3323 я уже давно забросила это дело, пусть конкуренты будут у других... У меня племянника в 8 лет отдали в школу программирования и я очень рада, что у меня было детство,а не программы днём и ночью...
в 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 и вот так же покажи как ты это делаешь. Платформер например.. можно же уже наверное.
роботы цсс не обрабатывают. для сео просто цссник убери, будет чего-то в духе школьного док-файла, вот так робот видит твой сайт, соответственно задача верстальщика максимально всё упростить и сложить семантически
