CSS знает о вас 🫵 ВСЁ 🤫 - image-orientation (New CSS)

Вы не поверите, но CSS сейчас находится на таком этапе, что даже может знать, что-то из EXIF данных медиафалов. И это не шутка. В данном примере рассмотрим новое CSS свойство image-orientation. Что такое EXIF или метаданные. Какая еще информация скрыта в этих данных и на что CSS ориентируется при использовании нами image-orientation: none. https://github.com/exif-js/exif-js скрипт из примера. https://jdhao.github.io/2019/07/31/image_rotation_exif_info/ - статья про метаданные 0:00 image vs повернутый image 0:24 image-orientation 0:38 EXIF или метаданные 1:04 Сравниваем обычное и повернутое изображение 1:15 image-orientation: none 1:52 script для чтения exif данных 2:32 Что почитать? 2:44 Поддержка #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 свойство image-rendering - Next CSS Level 👉 https://youtu.be/vj7FygQE7dA ✍️ 📺 Основы CSS - свойство aspect-ratio - полный разбор 👉 https://youtu.be/y2VMHBkoSi0 ✍️ 🙅🏻♂️ Accent-color - CSS свойство, которое не смогло 👉 https://youtu.be/5oYc--MU-EU ✍️ 🎎 CSS keywords: inherit, initial, unset, revert, all 👉 https://youtu.be/eD1pK5gqhVA ✍️ 🖼 CSS text-stroke, text-fill-color и paint-order 👉 https://youtu.be/atx6jomLDmw ✍️