0

введите сюда описание изображения

Имеется вот такой блок (на фото), кот находится на заднем фоне и когда наводишь на видео он появляется (поварачивается под определенным углом), как мне правильно разместить кота чтобы он находился на одном месте и адаптивно ?

Спасибо.

1
  • Позиция в процентах, держать соотношение сторон Commented 29 июл. 2019 в 20:23

1 ответ 1

0

Как вариант, так

.block-container {
  position: relative;
  display: inline-block;
  margin: 100px;
}

.block {
  width: 300px;
  height: 300px;
  background-color: blue;
  z-index: 2;
  position: relative;
}

.block-red {
  position: absolute;
  right: -50px;
  width: 100px;
  height: 100px;
  top: 100px;
  background-color: red;
  z-index: 1
}
<div class="block-container">
  <div class="block"></div> <!-- блок с видео -->
  <div class="block-red"></div> <!-- блок с котом -->
</div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.