transformで回転させてみる配置について続きを書いた(2009年12月14日)

2009.10.15

html

<p class="date">2009.10.15</p>

css

.date {
-moz-transform-origin:0% 0%;
-moz-transform: rotate(-90deg) translate(-7em);

-webkit-transform-origin:0% 0%;
-webkit-transform: rotate(-90deg) translate(-7em);

transform-origin:0% 0%;
transform: rotate(-90deg) translate(-7em);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

color:#fff;
background:#D9DFD3;
width:7em;
text-align:center;
float:left;
}