h4 · November 28, 2012 15:23
diff --git a/dabblet.css b/dabblet.css
 /**
 * Анимированное появление попапа
 */

 .popup {
 	width: 500px;
 	height: 500px;
 	margin: 30px;
 	background: #900;
 	animation: 'fadeIn' 1s 0 4;
 	transform-origin: 10px 0;
 	border-radius: 5px;
 	}
 	
 @keyframes 'fadeIn' {
 	0% {
 		transform: scale(0.1, 0.1);
 	}
 	80% {
 		transform: scale(1.1, 1.1);
 	}
 	100% {
 		transform: scale(1, 1)
 	}
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="popup"></div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Анимированное появление попапа
	*/

	.popup {
	width: 500px;
	height: 500px;
	margin: 30px;
	background: #900;
	animation: 'fadeIn' 1s 0 4;
	transform-origin: 10px 0;
	border-radius: 5px;
	}

	@keyframes 'fadeIn' {
	0% {
	transform: scale(0.1, 0.1);
	}
	80% {
	transform: scale(1.1, 1.1);
	}
	100% {
	transform: scale(1, 1)
	}
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="popup"></div>