• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » uCoz » Помощь по uCoz » затемнение картинки при наведении (затемнение картинки при наведении)
затемнение картинки при наведении
Offline vvvaaa609
Новички
Сообщений: 9
Награды 1

Опубликовано: Воскресенье, 22.10.2023 (23:20) 1
Как сделать затемнение картинки и отображение текста при наведении?
Код
<tr>
<td style="text-align: center;"><a href="http://uniq.clan.su/index/4_j_turnir_deda/0-23"><img alt="" src="/Tournir/deda/4.png" style="width: 400px; height: 240px;" /></a></td>
<td style="text-align: center;"> </td>
<td style="text-align: center;"> </td>
</tr>
Offline KhabbaStudio
Администраторы
Сообщений: 13
Награды 5

Опубликовано: Воскресенье, 22.10.2023 (23:51) 2
Надеюсь получилось!

Этот примерный код, поставив этот код будет отображаться картинка и при наведении будет отображаться текст и затмение
Код
<div class="bav"> <p>Text</p> </div>

Стили
Код
.bav {
    background: url('http://uniq.clan.su/Tournir/deda/4.png') no-repeat center top;
    height: 300px;
    width: 300px;
    margin: 0 auto;
}
.bav p{
    opacity: 0;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Segoe UI';
    line-height: 300px;
    text-align: center;
    color: #fff;
}
.bav:hover p{
    opacity: 1;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
}

Тут уже сам изменишь фотографию и текст
БЕЗ ПОДПИСИ!!!
Форум » uCoz » Помощь по uCoz » затемнение картинки при наведении (затемнение картинки при наведении)
  • Страница 1 из 1
  • 1
Поиск: