CSS Свойства Которые Добавят Динамику Твоему Проекту.
ฝัง
- เผยแพร่เมื่อ 5 ก.ค. 2024
- Запишись на мои Курсы: genius.courses/udemy/
Или Вступай в Клуб: genius.courses/become-member/
Мой Телеграм - t.me/bedev
Мои WordPress Темы - 1.envato.market/LXykj0
Мой Инстаграм - / sochirca
Больше по CSS:
• Как создавать переменн...
genius.courses/category/%d0%b...
Навигация:
-------------------
00:00 Интро
00:16 CSS Свойство: object-fit
04:03 CSS Селекторы и Свойства для Скрола
08:10 Обрезка текста через CSS
16:22 Декоративный текст с текстурой
#css #css3 #html - วิทยาศาสตร์และเทคโนโลยี
Спасибо за урок! ждем продолжение!
А, и ещё очень интересны уроки по gsap анимациям! Но это если будет не очень затруднительно сделать такие уроки. Заранее спасибо!
Я могу программироть на чистом css только не могу найти тех, кто будет покупать мои работы и мне все друзья говорят, что нужно учить js итак далее
Js,react, typescript,git,и много чего ещё,конкуренция сумасшедшая,ды должен знать больше чем твои конкуренты
@@bormanbormanov3323 я уже давно забросила это дело, пусть конкуренты будут у других...
У меня племянника в 8 лет отдали в школу программирования и я очень рада, что у меня было детство,а не программы днём и ночью...
Потрясающий формат подачи.. все понятно. Гениально. Автор, а напиши игру на 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;
}
👍
Го видос по анимациям с вау эффектом 🔥
Капец полезный видос! Спасибо! Object fit рулит
Спасибо , дядь.
Круто Саш :) Будут ли уроки по woocommerce и headless в паре с wp graphql?
Спасибо! А как насчет SEO по этому скрытому в css тексту? Не тестирова, гуглбот читает этот скрытый текст?
Текст есть в дом дереве, боты его видят целиком.
Сафари вроде как не поддерживает стилизацию скролла, так что от js библиотек не получается отказаться(
чувак, в сафари как бы нет скролла)
ну не строчи ты так}
Как можно программировать на языке который не является языком программирования
Я с детства программирую на css, на нем можно программировать 😆
А нельзя наверное оплатить рублями?
На genius.courses можно рублями
Александр, ваш бусти еще живой? Как быть тем кто в РФ?
⠀