Understanding transition on various browsers

dabblet.css

/**
	Understanding transition on various browsers
**/
.animate{
	width: 100px;
	height: 100px;
	margin: 100px;
	background-color: red;
	
	-webkit-transform: rotate3d(0,1,0,360deg);
	-webkit-transition: -webkit-transform 1s linear;
	
	-moz-transform: rotate3d(0,1,0,360deg);
	-moz-transition: -moz-transform 1s linear;
	
	transform: rotate3d(0,1,0,360deg);	
	transition: transform 1s linear;
}

dabblet.html

<div class='animate'></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"60","seethrough":"","prefixfree":"","page":"all"}