Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+3 ещё
Простой
Как решить задачу с четвертой картинкой, которая постоянно вываливается?
1 подписчик
20 мар.
176 просмотров
1
ответ
Вёрстка
Простой
Шрифт подключается криво, почему?
1 подписчик
14 мар.
77 просмотров
1
ответ
Фронтенд
+1 ещё
Простой
Гайд или скрипт для последовательных нажатий на странице сайта?
1 подписчик
11 мар.
120 просмотров
1
ответ
Вёрстка
Простой
Почему некорректно масштабирутся верстка в Windows 11 и Яндекс Браузере?
1 подписчик
06 мар.
133 просмотра
0
ответов
Вёрстка
Простой
На сайте очень много видео. Какие есть идеи в оптимизации?
1 подписчик
06 мар.
134 просмотра
1
ответ
JavaScript
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
04 мар.
165 просмотров
2
ответа
Вёрстка
+1 ещё
Простой
Tailwind v4 как работать с контейнером?
1 подписчик
03 мар.
105 просмотров
1
ответ
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
140 просмотров
1
ответ
Вёрстка
+1 ещё
Простой
Как избавиться от панели навигации в браузере при добавлении закладки на экран домой?
2 подписчика
24 февр.
85 просмотров
1
ответ
Вёрстка
Простой
Как добавить оценку товара в карточке товара?
1 подписчик
22 февр.
55 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Дизайнер-верстальщик
TurboProject
от 50 000 ₽
Разработчик фронтенда на TypeScript Middle+ / Senior в аналитический стартап
ТОРГСТАТ
от 250 000 ₽
React разработчик
Мойдекс
от 40 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама