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
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ı :)
Nasıl Git deposu için boş bir dizin ek...
Nasıl bir JavaScript nesnesi için bir ...
Nasıl JavaScript bir dizi başında yeni...
Nasıl Twitter Bootstrap kalıcı bir kut...
Nasıl "yorum-out" bir toplu ...