CSS ile Nesne Döndürmek

25 Ocak 2011 by B.Selçuk ÖKSÜZ
Leave a reply »
WP Greet Box icon
Merhaba! Selcukoksuz.com adresine hoş geldiniz. Eğer yeni iseniz ve içeriğimizi takip etmek isterseniz RSS Abonesi Olabilirsiniz.
Mailinize onay mesajı gönderilecektir. Cevaplamayı unutmayınız.

Web sitelerde en önemli şey sayfaya koyduğunuz bileşenlerin göz tırmalamadan bir ahenk içinde durabilmesidir. Bu ise hem PhotoShop ile nesnelerinizi oluşturmanıza, hem bilginize, hemde HTML bilginize bağlı olarak değişkenlik gösterir.

Çalışmakta olduğum bir tasarım için bir nesneyi 45 derece çevirmem gerekiyordu. CSS ile bunun nasıl olacağını sizinle de paylaşmak istiyorum.

-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);

Kodları ile mümkün. Yalnız bu kodlar İnternet Explorer tarafından okunmuyor. İnternet Explorer da çalışan kod ise aşağıda ki kod ile mümkün.

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

Komutu ile İnternet Explorer da bu işlemi yapabiliyorsunuz. Ama bu kodda sıfır yazılı yere 0=0 derece, 1=90 derece, 2=180 derece, 3=270 derece olarak sadece 90 ve katları ile işlem yapabiliyorsunuz. Bu da tasarımda sizin elinizi kolunuzu bağlıyor. Hal böyle olunca iş her tarayıcı için farkı css yazmak oluyor. Ne yazık ki İnternet Explorer en çok kullanılan ama en çok tasarımcı düşmanı olan bir tarayıcı. Mecbur katlanıyoruz.

Yazar Hakkında

Bilgisayarla yaşamayı bir tarz olarak benimsemiş, teknoloji ile tamamen içli dışlı bir; web tasarımcı, yazılımcı, donanımcı, blog yazarı ve bilgisayar mühendisidir.
B.Selçuk ÖKSÜZ
B.Selçuk ÖKSÜZ kullanıcısının tüm yazıları.
Advertisement

Bu Yazıyı Beğendiniz Mi?

0

Bir Cevap Yazın

Sizin Yorumunuz Nedir?

%d blogcu bunu beğendi:
Gizlilik Hakları