CSS object-fit и object-position. Помоги 🙏 Илону выйти из тени
Знаешь откуда у картинки (img) снизу отступ и как его убрать?
Что делать если картинки заливают разного размера и пропорций?
Сделал так, что картинки занимают нужный размер, но не видно нужных частей?
Рассмотрим CSS инлайновую составляющую картинкок.
Посмотрим на разницу между width: 100% и max-width: 100%.
Детально разберем разницу между значениями свойства object-fit: fill, contain, cover, none и что самое важное scale-down.
А так же поможем Илону выбраться из тени с помощью свойства object-fit.
#css #css3 #js #javascript #frontend #html #web #webdevelopment #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #vue #react #angular #svelte #vanillajs #animation #cssawesome #learncss #course #programming #crash_course #learning #fariga
Подписывайтесь на меня в соц. сетях:
👨💻 LinkedIn - / maksymfariga
📷 Instagram - / maksym_fariga (@maksym_fariga)
📖 Facebook - / maksymfariga
🐤 Twitter - / fariga_m
🛩 Telegram - https://t.me/web_education_new
🧨 НЕВЕРОЯТНЫЕ кнопки 🫣. Хватит делать скучно! 👉 • НЕВЕРОЯТНЫЕ кнопки 🫣. Хватит делать скучно...
🤸🏻♀️ Исправляем 🛠 CSS на РЕАЛЬНОМ сайте 👉 • Гибкий и качественный CSS. Исправляем 🛠 CS...
🧮 CSS counters (счетчики) в деталях. От 0 до Профи. Самый полный обзор всех CSS свойств 👉 • CSS counters (счетчики) в деталях. От 0 до...
🤩 HTML CSS Списки - От 0 до Профи за 8 минут 👉 • HTML CSS Списки - От 0 до Профи за 8 минут