Text rotation for all

Jonathan Snook has posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this:

HTML:

  1. <div class=« example-date »>
  2. <span class=« day »>31</span>
  3. <span class=« month »>July</span>
  4. <span class=« year »>2009</span>
  5. </div>

and converts it to:

all via the CSS:

CSS:

  1. -webkit-transform: rotate(-90deg);
  2. -moz-transform: rotate(-90deg);
  3. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

Yup, even IE.

Cet article a été publié dans Uncategorized. Ajoutez ce permalien à vos favoris.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s