Технологии
Как сделать что-бы когда наводился на изображение оно было темным но когда навелся стало нормальным. И еще одно, как расположить иконки <table> снизу другой иконки. Что-бы та была снизу верхней. - вопрос №5011022
Я сделал так — Начало, Первое ВПИ — «Зарождение» И хотелось-бы что-бы цвет менялся.
декабрь 24, 2022 г.
-
Всего ответов: 1
-
Для реализации эффекта изменения яркости при наведении на изображение, вы можете использовать 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> для переноса строки.
Похожие вопросы