transformで回転させてみる、の続き。｜乱雑モックアップのサンプルページ

html

<div id="wrap">
<div>
	<p class="base ori-no">transform: rotate(0deg)</p>
</div>
<div>
	<p class="base ori-ie">progid:DXImageTransform.Microsoft.BasicImage(rotation=3)</p>
</div>
</div>

css

.base {
	line-height:30px;
	height:30px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-105px;
	margin-top:-105px;
}
.ori-no {
	background:url(img/210-2.png) no-repeat left top;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.ori-ie {
	background:#d7e2b0 url(img/00.png) no-repeat left top;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	overflow:hidden;
}