Как расширить div при изменении маршрута? - PullRequest
Новая
       22

Как расширить div при изменении маршрута?

0 голосов
/ 31 октября 2019

Я хочу расширить div в новый маршрут по клику. Вот пример, который поможет вам лучше понять, что я имею в виду:

https://imgur.com/RuT9ebI

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

Я использую Angular 7. Я попытался просмотреть анимацию маршрута, но я не уверен, как мне добиться описанного перехода.

Вот мой HTML: 

<div class="container">
  <div class="block">

  </div>
</div>

А вот мой css: 

.container{
  width: 100%;
  height:1000px;
  background: blue;
  padding-top:400px;
  padding-left: 180px
}

.block{
  width: 300px;
  height: 200px;
  background: green;
}

Вот более четкий пример, тот, что слева, - это то, чего я хочу достичь: https://cdn.dribbble.com/users/495792/screenshots/3847874/allshots3.gif

...