Взрывающий сознание CSS трюк для эмуляции aspect-ratio
Есть вариант эмуляции CSS свойства aspect-ratio, основанный на padding-top/bottom, но с ним есть парочку недостатков: лишний элемент и абсолютно позиционированный контент, что приводит нас либо к обрезке, того, что не влазит, либо к указанию скролла, что может выглядеть не так как задумывалось. Но есть ли способ, решить эту проблему простым CSS и HTML или необходимо прибегнуть к помощи JavaScript?
Полное видео можно посмотреть по ссылке 👉 • Основы CSS - свойство aspect-ratio - ... 👈
#css #html #web #webdevelopment #frontend #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #css3 #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #javascript #vue #react #angular #svelte #vanillajs #js #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 keywords: inherit, initial, unset, revert, all 👉 • CSS keywords: inherit, initial, unset... ✍️
🖼 CSS text-stroke, text-fill-color и paint-order 👉 • -webkit-text-stroke, -webkit-text-fil... ✍️
🥅 Не знаете, что такое пиксель или почему он не тот, за кого себя выдает? 👉 • А px, то не настоящий! PPI и DPI, DP... ✍️
🪃 Не знаете какие есть единицы для задания углов или когда и какие применять? 👉 • CSS Units: Deg, Rad, Grad, Turn . ✍️
📏 Абсолютные единицы измерения в CSS? 👉 • Нужны ли они нам? Абсолютные единицы ... . ✍️
📐 Относительные единицы измерения ex, ch, ic, lh 👉 • Зачем они были добавлены? CSS Units: ... ✍️
🔍 Не знаете что выбрать REM или EM 👉 • Вы точно не знаете зачем мы используе... ✍️
💻 Все про viewport, vh, vw, vmin, vmax 👉 • 😏 CSS Viewport Units: vw, vh, vmin, v... ✍️
Watch video Взрывающий сознание CSS трюк для эмуляции aspect-ratio online without registration, duration hours minute second in high quality. This video was added by user Maksym Fariga 01 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 707 once and liked it 44 people.