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

Tarih: 29 Ağustos 2010   Yazar: editor  |  1.837 kez okundu
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.


    Bu yazı için 7 yorum yapılmış.
  1. Oyunlar dedi ki:

    Browser uyumluluklarını da belirtirseniz çok faydalı olur.. Hala ie6 kullanan %10 civarında kullanıcı olduğu düşünülürse sanırım bir süre daha kullanmak mümkün olmayacak..

  2. Aycan Doğanlar dedi ki:

    Yazıda belirtmiştim:

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

  3. Burak Dülgar dedi ki:

    Güzel bir anlatım olmuş Aycan teşekkürler :)

  4. Fırat Göksel dedi ki:

    Teşekkürler işime yarayacaktır =)

  5. osaman dedi ki:

    güzel bir teknik:) tnx

  6. Slayer dedi ki:

    Hoşuma gitti bu bak teşekkürler kullanırım :)

  7. Emrah dedi ki:

    Teşekkürler. Çok farklı bir kullanım. Faydalı oldu.


Yorum yazmak istermisiniz?

Sorbize RSS Beslemesi    Sorbize E-Posta Aboneliği    Sorbize'yi Facebooktan Takip Edin    Sorbize'yi Twitter'dan Takip Edin    Abone

Yazılar E-Posta'na Gelsin:

Lazım Olabilir
  • Webmaster Portalı
  • Url Kısaltma Servisi
  • Sorbize.com bir çok kategoride güzel ve özgün makaleler okuyabileceğiniz güncel web 2.0 bir blogdur.
    © Tüm Hakları Saklıdır.
    Bu websitesi DMCA Protection ile lisanslanmıştır. Yazılar kaynak belirtilmeden kullanılamaz.