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

Вы не поверите, но CSS сейчас находится на таком этапе, что даже может знать, что-то из EXIF данных медиафалов. И это не шутка. В данном примере рассмотрим новое CSS свойство image-orientation. Что такое EXIF или метаданные. Какая еще информация скрыта в этих данных и на что CSS ориентируется при использовании нами image-orientation: none.
github.com/exif-js/exif-js скрипт из примера.
jdhao.github.io/2019/07/31/im... - статья про метаданные
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 - / maksymfariga
📷 Instagram - / maksym_fariga (@maksym_fariga)
📖 Facebook - / maksymfariga
🐤 Twitter - / fariga_m
🛩 Telegram - t.me/web_education_new
🚀 Новое CSS свойство image-rendering - Next CSS Level 👉 • Новое CSS свойство ima... ✍️
📺 Основы CSS - свойство aspect-ratio - полный разбор 👉 • Основы CSS - свойство ... ✍️
🙅🏻‍♂️ Accent-color - CSS свойство, которое не смогло 👉 • Accent-color - CSS сво... ✍️
🎎 CSS keywords: inherit, initial, unset, revert, all 👉 • CSS keywords: inherit,... ✍️
🖼 CSS text-stroke, text-fill-color и paint-order 👉 • -webkit-text-stroke, -... ✍️