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

  • 3dmmfavs

    3dmmfavs

    29 Kasım 2009
  • Doc Adams

    Doc Adams

    20 HAZİRAN 2007
  • hanksranger

    hanksranger

    6 EKİM 2009

İLGİLİ SORU / CEVAPLAR