徐々に画像が出るCSSver

本来このカテゴリはjavascriptの記述のみを掲載するが例外的にCSSも記述する

[[div class="NarrowFrame"]]
[[div class="Narrow"]]
[[/div]]
[[/div]]
[[module css]]
.Narrow{
background:url("http://www.scp-wiki.net/local--files/component:theme/logo.png");
animation: NarrowDownLoad 30s;
height:100px;
}
 
.NarrowFrame{
width:100px;
height:100px;
}
 
@keyframes NarrowDownLoad {
0% {width: 100px; height: 0px;}
100% {width: 100px; height: 100px;}
}
 
[[/module]]