SORU
25 ŞUBAT 2011, Cuma


Nasıl bir elementin bir tarafta kutu-gölge ekleyebilir miyim?

Sağ tarafında block eleman, ama sadece bazı (örneğin) box-gölge oluşturmak için ihtiyacım var. Benim gibi padding-right overflow:hidden; ile bir dış içine box-shadow iç eleman sarmak için gölge ve üç diğer taraf görünmez.

Bazı en iyi yolu bunu başarmak için var mı? box-shadow-right gibi?

EDİT: Niyetimi oluşturmak içinsadecegölge dikey parçası. background:url(shadow.png) 100% 0% repeat-y yapacağı kuralı repeat-y ne tam olarak aynı.

CEVAP
25 ŞUBAT 2011, Cuma


Evet, kutu-gölge gölge yayılma özelliği kural kullanabilirsiniz:

.myDiv
{
    border: 1px solid #333;
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 10px 0 5px -2px #888;
            box-shadow: 10px 0 5px -2px #888;
}

Dördüncü özellik yok -2px gölge yayılmış, gölge yayılmasını değiştirmek için kullanabilirsiniz, gölge, yalnızca bir tarafta olduğunu görünür kılıyor.

Bu da 10px hakkı (yatay uzaklık) gönderir ve 0px öğesi altında tutar gölge konumlandırma kuralları (dikey uzaklık.) kullanır

5px bulanıklık yarıçapı :)

Example for you here.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • khloe brooks

    khloe brooks

    25 Temmuz 2011
  • The10HourMan

    The10HourMan

    28 EYLÜL 2012
  • TomSka

    TomSka

    30 Mayıs 2006