Показать div снизу справа вверху слева

Question

Можно ли даже показать скрытый элемент div, используя эффект изменения размера с анимацией CSS3 снизу справа вверху слева?

Надеюсь, эта картина поможет:

Answer 1

Анимация ширины и высоты HTML

<div class="outer">
<div class="inner"></div>
</div>

CSS

.outer {
  width:200px;
  height:200px;
  position:relative;
}
.inner {
  width:0;
  height:0;
  position:absolute;
  bottom:0;
  right:0;
  background:red;
  -webkit-animation: resize 5s infinite; /* Chrome, Safari, Opera */
    animation: resize 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes resize {
    from {width: 0px;height:0px}
    to {width: 200px;height:200px}
}

@keyframes resize {
    from {width: 0px;height:0px}
    to {width: 200px;height:200px}
}

https://jsfiddle.net/larrypaul93/vrt0gcu3/