Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
HelenChydilove
@HelenChydilove
JavaScript
HTML
CSS
Как плавно увеличить video html5?
Всем привет!
Идея такая: есть div круг, он плавно увеличивается, и видео, внутри него,тоже также плавно должно увеличиваться.
круг увеличивается, а вот с видео не лады.
https://codepen.io/LenaBoro/pen/NwYQZw
Вопрос задан
более трёх лет назад
88 просмотров
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Владислав Безенсон
@iscareal
Могу порекомендовать не трансформировать размер элемента через width, height, а воспользоваться transform: scale()
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Егор Живагин
@Krasnodar_etc
fundraiseup
Во-первых, не трогайте размеры, делайте scale (куда менее затратно для браузера)
Во-вторых, задавайте размеры и анимацию самому видео, а круг пусть растягивается по его размеру
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
115 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
119 просмотров
2
ответа
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
162 просмотра
1
ответ
JavaScript
+2 ещё
Средний
Как отключить глобальные объявления?
1 подписчик
12 авг.
121 просмотр
0
ответов
JavaScript
Простой
Есть ли ресурс где можно посмотреть все генераторы микро/макро задач?
1 подписчик
12 авг.
123 просмотра
0
ответов
JavaScript
Средний
Как добавить скрытый input в форму через js?
1 подписчик
11 авг.
157 просмотров
0
ответов
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
138 просмотров
0
ответов
JavaScript
+2 ещё
Сложный
Что означает Autofocus processing was blocked because a document already has a focused element.?
1 подписчик
09 авг.
77 просмотров
0
ответов
CSS
+1 ещё
Простой
Помощь на сайте с CSS с галереей и превью?
нет подписчиков
09 авг.
183 просмотра
1
ответ
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
771 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Fullstack-разработчик
IT-hunter
•
Санкт-Петербург
До 300 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама