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

  • CruzerLite

    CruzerLite

    1 EKİM 2011
  • Michael Zhang

    Michael Zhan

    8 EYLÜL 2012
  • Stanislav Petrov

    Stanislav Pe

    7 ŞUBAT 2009