Different transition on reverse

dabblet.css

/**
 * Different transition on reverse
 */

p {
	width: 200px; height: 200px;
	background: yellow;
	transition: 1s;
}

p:hover {
	background: yellowgreen;
	transition-duration: 0s;
}

p + p { transition-duration: 0s }
p + p:hover { transition-duration: 1s }

dabblet.html

<p>On hover, no transition, on mouse out, 1s
<p>On hover, 1s, on mouse out, no transition

dabblet.js

// alert('Hello world!');

settings.json

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