BOXをホバー時に拡大回転するデモ

下のボックスをオンマウスすると拡大しながら回転します。

CSSソース

       #submenu {
		-webkit-transition: all 1s ease-in-out;

			display: block;
			width: 360px;
			background: #99CCFF;
			-moz-border-radius: 0.8em;
			-webkit-border-radius: 0.8em;
			border: 1px solid #666666;
			margin: 30px;
		}
        
	#submenu:hover { 
		-webkit-transform: rotate(360deg) scale(1.5);
            
			background-color: #fc3; 
		} 
       

このコードが動くのは、Safari・chromeのwebkit系です。Firefoxでは動作しません。