CSS ile Bir Nesneyi veya Yazıyı Döndürmek

Merhaba :) Bu yazımda sizinle işe yarar bir css kodu paylaşmak istedim. Bu kod sayesinde herhangi bir yazıyı, başlığı, v.b bir şeyi 90º, 270º gibi değerler ile döndürerek estetik bir şekile dönüşmesini sağlayabilirsiniz. Örnek olarak, yatay ve klasik bir arama formu yerine sitenizin en sağuna dayalı şekilde duran dikey bir menü göze çok daha hoş ve yaratıcı gelecektir. Bu teknikle oluşturulan bir arama formuna çoğu kişide rastlanmadığından ilgiyi sitenize çekebilirsiniz.

Bu css kodu IE 6 dahi diğer tüm tarayıcılarda destekleniyor.

Kullanacağımız kod;


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

“filter..” ile başlayan değer IE için yazılıyor.

Ben kendi isteğime göre bir tarih bölümü şeklinde hazırladım. Yıl göstergesini de dikey olarak ayarladım.

10 Yorum

  1. Oyunlar 29 Ağustos 2010
  2. Aycan Doğanlar 29 Ağustos 2010
  3. admin 30 Ağustos 2010
  4. Fırat Göksel 31 Ağustos 2010
  5. osaman 31 Ağustos 2010
  6. Slayer 01 Eylül 2010
  7. Emrah 01 Eylül 2010
  8. Cemil 27 Aralık 2011
  9. Kerem Er 22 Kasım 2012
  10. okan 19 Nisan 2014

Yorum Yaz