Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
HamSter
@HamSter007
HTML/CSS верстальщик
Вёрстка
Фронтенд
Есть ли плагин для отображения видео в фигуре?
Есть ли плагин для отображения видео в фигуре (на фоне фигуры)?
Вопрос задан
более трёх лет назад
143 просмотра
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Максим
@LenovoId
svg, css,js
Я когда то давно , делал это , вырезал в фотошопе нужную форму и делал её absolute и z-index выше видео , просто и сердито
Тоже самое можно по пробовать сделать на svg , результат будет тот же
До сих пор мне нравятся очень простые решения
Ответ написан
более трёх лет назад
2
комментария
Нравится
3
2
комментария
Facebook
Вконтакте
Twitter
HamSter
@HamSter007
Автор вопроса
так да, я могу сделать, но думала что есть плагины
Написано
более трёх лет назад
Максим
@LenovoId
HamSter
: в простоте кроется истина , Фредерик Ницше
Написано
более трёх лет назад
metaf
@metaf
можно сделать на css (mix-blend-mode)
codepen.io/jreece/pen/NPRzeo
Ответ написан
более трёх лет назад
6
комментариев
Нравится
3
6
комментариев
Facebook
Вконтакте
Twitter
Максим
@LenovoId
вопрос же вроде бы про видео , там же анимация если не ошибаюсь
Написано
более трёх лет назад
HamSter
@HamSter007
Автор вопроса
Максим Жаров
: есть и с анимацией делают, чтобы в сафари работало, вообще неплохое решение, но да вопрос о видео)
Написано
более трёх лет назад
Максим
@LenovoId
HamSter
: я про это свойство не знал , буду знать теперя
Написано
более трёх лет назад
HamSter
@HamSter007
Автор вопроса
я поняла что нужно было искать "text mask jquery" =) Всем спасибо!
Написано
более трёх лет назад
HamSter
@HamSter007
Автор вопроса
И если кому-то нужно будет, оказывается есть универсальное свойство background-clip: text; . Примеры
https://codepen.io/Jintos/pen/crlxk?editors=1100
Написано
более трёх лет назад
metaf
@metaf
Максим Жаров
:
HamSter
: вот пример mix-blend-mode с видео
nurturedigital.com
. background-clip: text; тоже крутая штука, хвала людям, пишущим полифиллы
codepen.io/TimPietrusky/pen/cnvBk
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Как сделать такую сетку?
2 подписчика
28 июл.
2500 просмотров
2
ответа
CSS
+3 ещё
Средний
Яндекс Браузер на MacOS: как убрать или подвинуть иконку автозаполнения?
1 подписчик
25 июл.
82 просмотра
0
ответов
Vue.js
+1 ещё
Простой
Почему не рендерится таблица element ui после vite build?
1 подписчик
22 июл.
67 просмотров
1
ответ
Вёрстка
Средний
Как создать эффект для активной кнопки?
1 подписчик
09 июл.
136 просмотров
1
ответ
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
3 подписчика
06 июл.
1724 просмотра
0
ответов
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
255 просмотров
1
ответ
Vue.js
+2 ещё
Средний
Vue 2.7 + prerender‑spa‑plugin: почему в Google SERP отображаются i18n‑ключи вместо переведённых строк?
1 подписчик
03 июл.
73 просмотра
0
ответов
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1149 просмотров
1
ответ
Вёрстка
Простой
Как сделать расстояние между блоками в HTML фиксированным?
2 подписчика
22 июн.
231 просмотр
1
ответ
Вёрстка
+2 ещё
Простой
Не открывается меню сайта на мобильных, как решить?
1 подписчик
16 июн.
151 просмотр
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Frontend Vue & Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend-разработчик (React, Next.js)
Laconism
•
Красноярск
от 70 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама