Box-shadow her tarafta bir CSS3 oluşturma ama bir
Bir gölge var açık sekmesini istiyorum nerede sekmeli gezinti bar dışında diğer sekmeleri ayarlamak lazım. Ayrıca tüm hesabını bölümüne tek bir gölge (bkz: alt yatay çizgi) Yukarı gidiyor, biri hariç tüm sekmeleri altındaki gölgelendirme yapmak istiyorum.
CSS3 box-shadow
malı yapmak için kullanacağım, ama istediğim tek parça gölge için bir yol bulamıyorum.
Normalde isterdim örtbas alt gölge açık sekme ile içerik alanı (üstü z-index
), ama bu durumda edilebilirse kendisi bir gölge, böylece sadece rüzgar örtbas sekmesi.
Sekme düzeni
_______ _______ _______ | | | | | | ____|_______|__| |__|_______|______
Gölge hattı.
Gölge kadar yatay çizgiler ve dikey çizgiler ve dışarıya doğru gider.
_______ | | _______________| |_________________
Here canlı bir örnek
Herhangi bir yardım, Dahiler?
CEVAP
Numunesi içinde bir div oluşturun #bu tarzı ile içerik
#content_over_shadow {
padding: 1em;
position: relative; /* look at this */
background:#fff; /* a solid background (non transparent) */
}
ve değişim #stil (doldurma kaldırmak) içerik ve gölge ekleyin
#content {
font-size: 1.8em;
box-shadow: 0 0 8px 2px #888; /* line shadow */
}
sekmeler için gölgeler ekleyin:
#nav li a {
margin-left: 20px;
padding: .7em .5em .5em .5em;
font-size: 1.3em;
color: #FFF;
display: inline-block;
text-transform: uppercase;
position: relative;
box-shadow: 0 0 8px 2px #888; /* the shadow */
}
Nasıl box-shadow almak için sol ve sağ...
Box-shadow:İç metin CSS3 sadece bir ya...
CSS3 border-radius taklit ve box-shado...
css3 text-shadow 9 içinde...
Küçük resim oluşturma...