Все сервисы Хабра
Сообщество 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
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
28 июн.
1106 просмотров
1
ответ
Вёрстка
Простой
Как сделать расстояние между блоками в HTML фиксированным?
2 подписчика
22 июн.
218 просмотров
1
ответ
Вёрстка
+2 ещё
Простой
Не открывается меню сайта на мобильных, как решить?
1 подписчик
16 июн.
143 просмотра
0
ответов
Python
+3 ещё
Простой
Как хранить и показывать локальные файлы в CRM (frontend + backend)?
1 подписчик
10 июн.
197 просмотров
1
ответ
Telegram
+3 ещё
Средний
Как настроить авторизацию в Telegram Mini Apps?
3 подписчика
08 июн.
487 просмотров
0
ответов
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
885 просмотров
1
ответ
Вёрстка
Простой
Верстать прямо в браузере и сохранять изменения в файлы — возможно ли?
1 подписчик
09 мая
216 просмотров
3
ответа
Java
+2 ещё
Средний
Как выглядит коммуникация между frontend и backend при использовании ZipOutputStream?
1 подписчик
05 мая
179 просмотров
2
ответа
Фронтенд
Простой
Нужны ли микрофронты для модульной crm/erp?
1 подписчик
14 апр.
141 просмотр
1
ответ
Вёрстка
Простой
Как в верстке сделать уши у контейнера?
1 подписчик
10 апр.
156 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Фронтенд-разработчик-верстальщик (лендинги)
Bitbanker.ru
•
Москва
от 140 000 до 180 000 ₽
Frontend AI разработчик
Asphera Technologies
от 60 000 ₽
Frontend разработчик
Vide Infra
от 160 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама