Css, metin uzanabilir?

SORU

14 HAZİRAN 2011, Salı

Css, metin uzanabilir?

CSS metin uzanabilir? Yazı tipi bunun yanında daha küçük metin daha cesur görünmesini sağlar, çünkü daha büyük olmak istemiyorum. Ben sadece biraz deforme olmuş o yüzden biz yemeğimizi metni dikey olarak uzatmak istiyorum. Bu bir div olacak, ve o zaman yanında normal metin başka bir div içinde olurdu. Bunu nasıl yapabilirim?

CEVAP

22 AĞUSTOS 2012, ÇARŞAMBA

Evet, aslında CSS ile 2D Dönüştürür. Bu hemen hemen tüm modern tarayıcılar, Internet Explorer 9 da dahil olmak üzere desteklenir . İşte size bir örnek.

Actual HTML/CSS Stretch Example

HTML

<p>I feel like <span class="stretch">stretching</span>.</p>

CSS

span.stretch {
    display:inline-block;
    transform:scale(2,1); /* W3C */
    -webkit-transform:scale(2,1); /* Safari and Chrome */
    -moz-transform:scale(2,1); /* Firefox */
    -ms-transform:scale(2,1); /* IE 9 */
    -o-transform:scale(2,1); /* Opera */
}

İPUCU:Metin çarpışmaları önlemek için gergin metin için kenar boşluğu eklemek gerekebilir.

Bunu Paylaş: