Как сделать что-бы когда наводился на изображение оно было темным но когда навелся стало нормальным. И еще одно, как расположить иконки <table> снизу другой иконки. Что-бы та была снизу верхней. - вопрос №5011022

Я сделал так — Начало, Первое ВПИ — «Зарождение» И хотелось-бы что-бы цвет менялся.

Ответы

Для реализации эффекта изменения яркости при наведении на изображение, вы можете использовать CSS свойство filter. Например, вы можете добавить следующие стили для вашего изображения:

img {
  filter: brightness(70%);
  transition: filter 0.3s ease;
}

img:hover {
  filter: brightness(100%);
}

В данном примере, при загрузке страницы изображение будет темным, так как яркость установлена на 70%. При наведении на изображение, яркость будет изменена на 100%, что приведет к тому, что изображение станет светлым.

Чтобы расположить иконки друг под другом, вы можете использовать тег <br> для переноса строки. Например:

<table>
  <tr>
    <td><img src=«icon1.png»></td>
  </tr>
  <tr>
    <td><br></td>
  </tr>
  <tr>
    <td><img src=«icon2.png»></td>
  </tr>
</table>

В данном примере, иконки будут расположены друг под другом, так как каждая иконка находится в отдельном <tr> теге, а между ними добавлен тег <br> для переноса строки.
12.04.23
Посмотреть всех экспертов из раздела Технологии > Создание сайтов
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store