[CSS]日付の年の箇所だけを90度回転させて配置するスタイルシート

紹介する回転方法は二種類、左がテキストデータを回転して配置するもの、右が予め背景画像に回転させて配置するものです。 まずは、左のテキストを回転して配置する方から。 <textarea name="code" class="html" cols="60" rows="5"> <div class="example-date"> <span class="day">31</span> <span class="month">July</span> <span class="year">2009</span> </div> </textarea>

[oremega]

回転させる方法

[JHashimoto]

"左がテキストデータを回転して配置するもの、右が予め背景画像に回転させて配置するものです。"

[sw_lucchini]

マニアックな技。ブラウザで差異があるのでなかなか使う機会はない。

[disable]

へえ

[accent_32]

wpの日付に使おうかな

[mitchikeuchi]

ブログなどで見かける日付のデザインで、年の箇所を90度回転させて配置するスタイルシートを紹介します。回転にはSafari 3, Fx 3.5などの新しいブラウザに「rotate」を使用し、IEに「filter」を使用します。