Взрывающий сознание CSS трюк для эмуляции aspect-ratio #css #html #frontend #htmlcss #css3 #html5

11 Просмотры

  • Спасибо! Поделитесь с друзьями!

    Вам не понравилось видео. Спасибо за то что поделились своим мнением!

admin
Издатель
Есть вариант эмуляции CSS свойства aspect-ratio, основанный на padding-top/bottom, но с ним есть парочку недостатков: лишний элемент и абсолютно позиционированный контент, что приводит нас либо к обрезке, того, что не влазит, либо к указанию скролла, что может выглядеть не так как задумывалось. Но есть ли способ, решить эту проблему простым CSS и HTML или необходимо прибегнуть к помощи JavaScript?

Полное видео можно посмотреть по ссылке ???? https://youtu.be/y2VMHBkoSi0 ????

#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 - https://www.linkedin.com/in/maksymfariga
???? Instagram - https://www.instagram.com/maksym_fariga/ (@maksym_fariga)
???? Facebook - https://www.facebook.com/maksymfariga/
???? Twitter - https://twitter.com/Fariga_M
???? Telegram - https://t.me/web_education_new

???? CSS keywords: inherit, initial, unset, revert, all ???? https://youtu.be/eD1pK5gqhVA ✍️
???? CSS text-stroke, text-fill-color и paint-order ???? https://youtu.be/atx6jomLDmw ✍️
???? Не знаете, что такое пиксель или почему он не тот, за кого себя выдает? ???? https://www.youtube.com/watch?v=ZTC9ELoE6uA ✍️
???? Не знаете какие есть единицы для задания углов или когда и какие применять? ???? https://www.youtube.com/watch?v=PYRWoBQbHQg. ✍️
???? Абсолютные единицы измерения в CSS? ???? https://www.youtube.com/watch?v=que3a_AZDQU. ✍️
???? Относительные единицы измерения ex, ch, ic, lh ???? https://www.youtube.com/watch?v=QgqKxofFSK4 ✍️
???? Не знаете что выбрать REM или EM ???? https://www.youtube.com/watch?v=veHNzolvR5M ✍️
???? Все про viewport, vh, vw, vmin, vmax ???? https://www.youtube.com/watch?v=JT4J5hOcfqE ✍️
Категория
Программирование на javascript
Теги
css, css3, web
Комментариев нет.

Следующее