SORU
16 AĞUSTOS 2011, Salı

CSS üçgenler nasıl çalışır?

http://css-tricks.com/examples/ShapesOfCSS/CSS üzerinde farklı şekiller var ve üçgen kafam karıştı özellikle:

CSS Triangle

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

Nasıl ve neden işliyor?

CEVAP
16 AĞUSTOS 2011, Salı

CSS Üçgenler: Beş perdelik Bir Trajedi

alex said aynı genişlikteki sınırları 45 derecelik açılarla birbirlerine karşı popo

borders meet at 45 degree angles, content in middle

Hiç bir üst sınır varsa, bu gibi görünüyor:

no top border

Daha sonra 0... bir genişlik ver

no width

...0... yüksekliği

no height either

...ve nihayet, iki yan kenarlıkları şeffaf olun:

transparent side borders

Bu bir üçgen oluşur.

Sonunda

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
Css3CssCss GeometriCss3ÇokgenGeometryCss-ŞekillerPolygon

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • GoldgenieOfficial

    GoldgenieOff

    23 Temmuz 2009
  • Random Act of Kindness Video Contest

    Random Act o

    18 EYLÜL 2012
  • LaKe Lightroom Tutorials

    LaKe Lightro

    22 Temmuz 2014

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR