從右下角到左上角顯示div

Question

甚至可以使用從右下角到左上角的CSS3動畫使用調整大小效果來顯示隱藏的div？

希望這幅畫將幫助：

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/