Источник: WebForMyself.com В этой статье мы рассмотрим, как работают object-fit и background-size, когда мы можем их использовать и почему, а также некоторые практические примеры использования и рекомендации. Мы не всегда можем загрузить изображения разного размера в элемент HTML. Если мы используем ширину и высоту, которые не пропорциональны соотношению сторон изображения, изображение может быть сжато или растянуто. Это плохо, и это можно решить либо с помощью object-fit элемента img, либо с помощью background-size...
Вы не поверите, до чего дошёл прогресс! В современном вебе CSS нужен уже не только для того, чтобы оформлять стили заголовков. В 2019 году на стилях делают меню, настраивают анимацию и делают трёхмерные сайты. Сегодня — обзор интересных CSS-свойств и их применение. Липкие блоки Пример: Codepen Что используем: sticky Недавно в CSS появились «липкие» блоки — они создают такие элементы на странице, которые при скролле остаются на своём месте. Но как только до них доезжают другие блоки, залипший тоже начинает двигаться...