Ты его точно не знаешь CSS 👉 ::cue 👈 #css #css3 #javascript #js #learning #course #shorts #html

Уверен вы не слышали об этом CSS (::vue) псевдоэлементе!
А он нужен для задания стилей титров и других реплик в медиафайлах с VTT треками.
Не понятно? Не спеши выключать, сейчас разберемся.

Есть такой html-элемент🎢 track, который можно использовать в тегах 🎥 video и 📻 audio. Он позволяет указать текстовые данные (на основе времени), для автоматической обработки субтитров. Такие файлы имеют формат .vtt (WebVTT - Web Video Text Tracks). В нем указаны временные промежутки и текст для них.

CSS псевдоэлемент ::cue призван исправить ситуацию со стилизацией субтитров. Список его поддерживаемых свойств не велик: background, color, font, line-height, opacity, outline, ruby-position, text-combine-upright, text-decoration, text-shadow, visibility, white-space.

#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 - 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 / полный разбор с примерами на РЕАЛЬНЫХ📱 устройствах 👉 https://youtu.be/ANzzt8R7EzQ ✍️
🫵 CSS знает о вас ВСЁ 🤫 - image-orientation (New CSS) 👉 https://youtu.be/dICP6cmiu30 ✍️
🚀 Новое 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 ✍️

Видео Ты его точно не знаешь CSS 👉 ::cue 👈 #css #css3 #javascript #js #learning #course #shorts #html канала Maksym Fariga