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

  • bmarian22

    bmarian22

    22 Aralık 2007
  • We've moved!

    We've moved!

    7 Ocak 2008
  • Shameless Maya

    Shameless Ma

    24 Mayıs 2012