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

  • André Frizzo

    André Frizz

    16 Aralık 2006
  • Jorrit Jongma

    Jorrit Jongm

    17 Ocak 2008
  • Troy Hunt

    Troy Hunt

    29 EYLÜL 2011