(x)HTML/WML/CSS | Как наложить тень! Вопрос к Дизайнером.
ELEPHANT
Тема закрыта by
JMCode
Причина: Одни новички тут! Уже ответили на php.ru/forum
JMCode
Причина: Одни новички тут! Уже ответили на php.ru/forum
Суть такая. Хотел сделать чтобы при наведение к диву и наложили тень. Этого я знаю как сделать, но проблема включает что как наложить не фон а и в картинку и тексту затемнять.
А то фон меняет цвет к затемнение, а картинка и текст остается, так как они всегда верху..
<div>
<img></img>
</div>
Где div я навел курсор то затемняет только фон а картинку так и остает. Как сделать чтобы тень наложил на фон и также картинку и текста..
В картинке видно что я навел курсор к почту и затемнил только фон.
#page > #head,
#page > #foot {
display: table;
background-color: #9F532F;
width: 100%;
}
#page > #head > .item,
#page > #foot > .item {
padding: 5px 0;
display: table-cell;
vertical-align: middle;
color: white;
text-transform: uppercase;
text-align: center;
height: 100%;
width: 25%;
}
#page > #head > a.item:hover,
#page > #foot > a.item:hover {
background-color: rgba(0, 0, 0, 0.2);
}
Спасибо заранее.
А то фон меняет цвет к затемнение, а картинка и текст остается, так как они всегда верху..
<div>
<img></img>
</div>
Где div я навел курсор то затемняет только фон а картинку так и остает. Как сделать чтобы тень наложил на фон и также картинку и текста..
В картинке видно что я навел курсор к почту и затемнил только фон.
#page > #head,
#page > #foot {
display: table;
background-color: #9F532F;
width: 100%;
}
#page > #head > .item,
#page > #foot > .item {
padding: 5px 0;
display: table-cell;
vertical-align: middle;
color: white;
text-transform: uppercase;
text-align: center;
height: 100%;
width: 25%;
}
#page > #head > a.item:hover,
#page > #foot > a.item:hover {
background-color: rgba(0, 0, 0, 0.2);
}
Спасибо заранее.
.div:hover, .div:active{
box-shadow: 0px 0px 10px #000000;
}
1. Смещение по x
2. Смещение по y
3. Толщина
4. Цвет
Vocaloid IA box-shadow: 0px 0px 10px #000000;
}
1. Смещение по x
2. Смещение по y
3. Толщина
4. Цвет
Kaito, нет я не сказать тень бордера я сказаль наложить слой тени.
поверх изображения и текста!
262110938 (05.10.2015 в 11:06)
Kaito, нет я не сказать тень бордера я сказаль наложить слой тени.
Kaito, нет я не сказать тень бордера я сказаль наложить слой тени.
box-shadow -> text-shadow
img:hover, img:active {
box-shadow...
}//это на изображения
Kaito, ты идиот ты слышал когда ни будь оверлай фон тени?
262110938 (05.10.2015 в 11:21)
Kaito, ты идиот ты слышал когда ни будь оверлай фон тени?
Kaito, ты идиот ты слышал когда ни будь оверлай фон тени?
Вынь член из мозга, и напиши свой вопрос доступным человечеству языком
262110938 (05.10.2015 в 11:21)
Kaito, ты идиот ты слышал когда ни будь оверлай фон тени?
Kaito, ты идиот ты слышал когда ни будь оверлай фон тени?
Человек тебе помогает а ты как последнее ч...о к нему обращаешься.
Напиши что этт тоже не так. Зачем грубить.
Хто после этого тебе будет помогать.
Kaito, это ты не знаешь что такое "укладка тени" словами - это значит порльный цвет затемняет фоном. Даже слова фон писал и каким боком фон станет рисовать тень коробки... Так что предупреждение за мат выдано... Удачи тебе!
Стр.: 1, 2
