как добавить движущийся переход, в то время как существующий объект будет добавлен в другой контейнер - PullRequest
Новая
       14

как добавить движущийся переход, в то время как существующий объект будет добавлен в другой контейнер

0 голосов
/ 20 февраля 2019

попробуйте добавить существующий домен в новый контейнер, мне нужен движущийся переход при изменении местоположения.(смоделируйте один элемент карты из одной стопки в другие места) 

setTimeout(() => {
  document
    .querySelector("#holder")
    .appendChild(document.querySelector(".card"));
}, 2000);
.card {
  position: absolute;
  width: 50px;
  height: 80px;
  background: red;
  transition: all 2s;
}

#holder {
  background: blue;
  width: 200px;
  height: 100px;
  position: absolute;
  z-index: -1;
  left: 100px;
  top: 120px;
}

#holder2 {
  background: grey;
  width: 200px;
  height: 100px;
  position: absolute;
  z-index: -1;
  left: 100px;
  top: 0px;
}
<div id="holder">holder B</div>
<div id="holder2">
  holder A
  <div class="card"></div>
</div>

песочница - здесь
есть ли решение, в котором только css может решить это?

...