SORU
16 AĞUSTOS 2012, PERŞEMBE


Nasıl box-shadow almak için sol ve sağ tarafta

Sol ve sağdaki box-shadow almak için herhangi bir yolu (yatay?) taraf mı kesmek veya görüntüleri ile. Kullanıyorum:

box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8);

Ama gölge her şeyi verir.

Unsurları etrafında hiçbir sınırları var.

CEVAP
16 AĞUSTOS 2012, PERŞEMBE


NOT:@Hamish's answer aşağıda kontrol; kusurlu "" çözüm burada anlatılan. maskeleme ilgilendirmiyor öneririm


Birden fazla kutu gölgeler ile yakın elde edebilirsiniz; her tarafı için bir tane

box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 8px -4px rgba(31, 73, 125, 0.8);

http://jsfiddle.net/YJDdp/

Edit

Box-gölge üst ve alt ön dışarı silinip bu maske için 2 tane daha ekle.

box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 12px 0 15px -4px rgba(31, 73, 125, 0.8), -12px 0 15px -4px rgba(31, 73, 125, 0.8);

http://jsfiddle.net/LE6Lz/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MC JIN'S OLD YouTube CHANNEL

    MC JIN'S OLD

    2 Kasım 2008
  • Nickcidious

    Nickcidious

    6 HAZİRAN 2011
  • The White House

    The White Ho

    21 Ocak 2006