Спасибо за видео, первый и последний возможно мне пригодится, я любитель. Использую бутстрап, знаю, не все его любят, но если начинаю возиться с css, то у меня уходит куча времени на настройку стилей, то одно не нравится, то другое. Так что css использую как дополнение к бутстрап.
Тема clip-path развернута не до конца. Если коротко, можно создать сколь угодно сложный контур в svg, а потом через clip-path обрезать по нему блоки. Но тут есть три важных условия: 1) svg контур должен находиться в разметке и иметь соответствующий атрибут для обрезки через css. 2) Этот svg элемент должен быть отрендерен (т.е. скрыть через display:none его нельзя) 3) Если вы хотите, чтобы при изменении размера блока, контур подстраивался под его размеры, растягиваясь и сжимаясь - вам нужно использовать относительную систему координат SVG, для этого в интернете конвертеры есть
Как при одном hover задать разные стили для разных элементов ? Например я хочу что-бы когда я наводил на карту товара, карта приближалась, а весь фон, позади карты, был в эффекте blur. Этого можно добиться на чистом css? Заранее спасибо за ответ :)
Конечно, для этого можно использовать выбор по условию, если наведён, у меня есть видео про is и where: ruclips.net/video/TSbSgcATt28/видео.htmlsi=uExLTVLbhfeLeY3A
Последнее свойство забавно, что его поддерживают все и уже давно, хром и сафари с 2010 года, а лиса с 2019, но при этом до сих пор зачем то этот префикс 🥲
Оказывается его таки стандартизировали и вероятно будет работать без -webkit-. Вот открывок из MDN: Примечание. Это свойство изначально было реализовано в WebKit и имеет некоторые проблемы, например зависимость от двух других устаревших свойств. Он был стандартизирован в модуле CSS Overflow уровня 4 для поддержки устаревших версий. Модуль CSS Overflow уровня 4 также определяет свойство line-clamp, которое предназначено для замены этого свойства и предотвращения его проблем. Однако все браузеры, поддерживающие line-clamp, также будут поддерживать -webkit-line-clamp по соображениям совместимости.
Видео и подача понравилась. Спокойно и ясно. Спасибо
Пожалуйста
Спасибо! line-clamp просто спас. Не нужно задавать фиксированную ширину, как при подходе с white-space: nowrap; text-overflow: ellipsis;
Супер)
Благодарю за классное видео!
@@Anatoli-bq1pe пожалуйста!
хорошое видео
особенно полезен line-clamp
Спасибо
9:48 transition
Нужно было уточнить, что вместо transition автор написал transform
Супер, спасибо за вашу работу.
Пожалуйста
Офигенно, спасибо!
Пожалуйста!
Спасибо. Круто!
Пожалуйста
Спасибо за твой труд!
Рад, что вам полезно
Спасибо за видео, первый и последний возможно мне пригодится, я любитель. Использую бутстрап, знаю, не все его любят, но если начинаю возиться с css, то у меня уходит куча времени на настройку стилей, то одно не нравится, то другое. Так что css использую как дополнение к бутстрап.
Пожалуйста
Тема clip-path развернута не до конца. Если коротко, можно создать сколь угодно сложный контур в svg, а потом через clip-path обрезать по нему блоки. Но тут есть три важных условия:
1) svg контур должен находиться в разметке и иметь соответствующий атрибут для обрезки через css.
2) Этот svg элемент должен быть отрендерен (т.е. скрыть через display:none его нельзя)
3) Если вы хотите, чтобы при изменении размера блока, контур подстраивался под его размеры, растягиваясь и сжимаясь - вам нужно использовать относительную систему координат SVG, для этого в интернете конвертеры есть
Спасибо за дополнение
Спасибо! clip-path сейчас понадобится
Отлично)
Как при одном hover задать разные стили для разных элементов ?
Например я хочу что-бы когда я наводил на карту товара, карта приближалась, а весь фон, позади карты, был в эффекте blur.
Этого можно добиться на чистом css?
Заранее спасибо за ответ :)
Конечно, для этого можно использовать выбор по условию, если наведён, у меня есть видео про is и where: ruclips.net/video/TSbSgcATt28/видео.htmlsi=uExLTVLbhfeLeY3A
Добрый день, подскажите пожалуйста будет ли ваш курс по Kubernetes на Udemy?
Пока не планирую. Можно купить на моем сайте оплатив любой картой
Последнее свойство забавно, что его поддерживают все и уже давно, хром и сафари с 2010 года, а лиса с 2019, но при этом до сих пор зачем то этот префикс 🥲
Оказывается его таки стандартизировали и вероятно будет работать без -webkit-. Вот открывок из MDN:
Примечание. Это свойство изначально было реализовано в WebKit и имеет некоторые проблемы, например зависимость от двух других устаревших свойств. Он был стандартизирован в модуле CSS Overflow уровня 4 для поддержки устаревших версий. Модуль CSS Overflow уровня 4 также определяет свойство line-clamp, которое предназначено для замены этого свойства и предотвращения его проблем. Однако все браузеры, поддерживающие line-clamp, также будут поддерживать -webkit-line-clamp по соображениям совместимости.
В фильтр не трансформ а транзишн)
"сегодня ... я буду работать в VSCode" Браво. Перестали выглядеть умником🙂
Для курсов и видео для новичков я всегда использую VSCode, а для реальной работы Nvim