2011-11-03 18 views
9

Italik metni CSS ile daha fazla eğimli olarak etkileyebiliyor musunuz merak ettim mi? Eğer öyleyse, bu nasıl başarılabilir?Italik Metne Daha Fazla Eğik Ekleme

+2

belki CSS, ancak tarayıcının uygulanmasına dayanıyor bunun dışında. –

cevap

11

CSS3 eğri dönüşümü ile özel bir eğik çizgi benzetimi yapabilirsiniz (gerçek italik yazı tipi kadar iyi görünmese de).

İşte bir örnek:

HTML:

<p class="slant">Some text</p> 

css3 scew ile

.slant { 
    -moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    -ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(30deg, 0deg); 
} 
+0

Bu yazı tipinin normal italik kadar iyi görünmeyeceğinden bahsetmiş olmanızı takdir ediyorum. İyi bir çözüm de. – kevincoleman

3

CSS'de standart font-style ile, italic durumunu özelleştirmek mümkün değildir.

Bu, tarayıcıların kendi tercihlerine ve fontları italik duruma bağlıdır.

+2

"Tamamen" tarayıcıya kadar? Yazı tipinin kendisi ile ilgisi yok mu? –

+0

İyi nokta, cevabımı düzelttim – Curt

İlgili konular