dziudek · October 12, 2013 08:39
diff --git a/dabblet.css b/dabblet.css
 /**
 * Combination of few transitions
 */

 img {
 	height: 240px;
 	opacity: 1;
 	width: 320px;
 	transition: 
 		.5s height, 
 		.5s .5s width,
 		.5s .25s opacity;
 }

 img:hover {
 	height: 320px;
 	opacity: 0.5;
 	width: 480px;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <img src="http://placekitten.com/320/240" alt="Sweet kittens!" />
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"}
	/**
	* Combination of few transitions
	*/

	img {
	height: 240px;
	opacity: 1;
	width: 320px;
	transition:
	.5s height,
	.5s .5s width,
	.5s .25s opacity;
	}

	img:hover {
	height: 320px;
	opacity: 0.5;
	width: 480px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<img src="http://placekitten.com/320/240" alt="Sweet kittens!" />