Untitled

dabblet.css

.animate-with-delay {
	transition:all 0.3s ease-out 4s;
}

.issue {
	position:relative;
	width:450px;
	height:650px;
}

.download-prompt-container {
	display:none;
	width:300px;
	height:150px;
	position:absolute;
	bottom:325px;
	left:50%;
	margin:0 0 -75px -150px;
	text-align:center;
	background:red;
}

.downloading.issue > .download-prompt-container {
	bottom:100px;
	height:50px;
}

.downloading.issue > .download-prompt-container > img  {
	opacity:0;
}

dabblet.html

<div class="issue">
	<img src="http://placehold.it/450x650">
	<div class="download-prompt-container animate-with-delay">
		<img class="animate-with-delay" src="http://placehold.it/50x50&text=downloading">
		<p>Downloading</p>
	</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}