[html]<!DOCTYPE html>
<html>
<head>
<body>
<style>
img.animate1 {
    filter: alpha (Opacity=80);
    opacity: 0.80;
    -moz-transition: all 400ms ease-in-out; /* эффект перехода для Firefox до версии 16.0 */
    -webkit-transition: all 400ms ease-in-out; /* эффект перехода для Chrome до версии 26.0, Safari, Android и iOS */
    -o-transition: all 400ms ease-in-out; /* эффект перехода для Opera до версии 12.10 */
    transition: all 400ms ease-in-out; /* эффект перехода для других браузеров */
}
img.animate1:hover {
    filter: alpha (Opacity=100);
    opacity: 1;
}

  </style>
  <p>
<div style="float:right">
  <a href="https://farfaraway.rolfor.me/viewtopic.php?id=934#p13852"><img class="animate1" alt="hover" src="https://i.ibb.co/1XC8Ggj/111.png" alt="anc" height="30"
onmouseover="this.src='https://i.ibb.co/1XC8Ggj/111.png';"
onmouseout="this.src='https://i.ibb.co/SxtgkHC/1111.png';" /></a>
  </div>
  <div style="float:right">
  <a href="Ссылка куда ведёт клик"><img class="animate1" alt="hover" src="https://i.ibb.co/Sy6L3cF/112.png" alt="vk" height="30"
onmouseover="this.src='https://i.ibb.co/Fws11PP/11.png';"
onmouseout="this.src='https://i.ibb.co/Sy6L3cF/112.png';" /></a>
  </div>
  <div style="float:right">
  <a href="https://farfaraway.rolfor.me/viewtopic.php?id=936#p13854"><img class="animate1" alt="hover" src="https://i.ibb.co/3cwJn45/123.png" alt="tex" height="30"
onmouseover="this.src='https://i.ibb.co/6PZ6w7x/124.png';"
onmouseout="this.src='https://i.ibb.co/3cwJn45/123.png';" /></a>
  </div>
  </p>
</head>
</body>
</html>[/html]

Отредактировано Vaiter (06.09.2021 12:48)

Подпись автора

[html]<!DOCTYPE html>
<html>
<head>
<body>
<style>
img.animate1 {
    filter: alpha (Opacity=80);
    opacity: 0.80;
    -moz-transition: all 400ms ease-in-out; /* эффект перехода для Firefox до версии 16.0 */
    -webkit-transition: all 400ms ease-in-out; /* эффект перехода для Chrome до версии 26.0, Safari, Android и iOS */
    -o-transition: all 400ms ease-in-out; /* эффект перехода для Opera до версии 12.10 */
    transition: all 400ms ease-in-out; /* эффект перехода для других браузеров */
}
img.animate1:hover {
    filter: alpha (Opacity=100);
    opacity: 1;
}

  </style>
  <div style="float:right">
  <a href="Ссылка куда ведёт клик"><img class="animate1" alt="hover" src="https://i.ibb.co/Sy6L3cF/112.png" alt="vk" height="30"
onmouseover="this.src='https://i.ibb.co/Fws11PP/11.png';"
onmouseout="this.src='https://i.ibb.co/Sy6L3cF/112.png';" /></a>
  </div>
  <div style="float:right">
  <a href="https://farfaraway.rolfor.me/viewtopic.php?id=936#p13854"><img class="animate1" alt="hover" src="https://i.ibb.co/3cwJn45/123.png" alt="tex" height="30"
onmouseover="this.src='https://i.ibb.co/6PZ6w7x/124.png';"
onmouseout="this.src='https://i.ibb.co/3cwJn45/123.png';" /></a>
  </div>
<div style="float:right">
  <a href="https://farfaraway.rolfor.me/viewtopic.php?id=934#p13852"><img class="animate1" alt="hover" src="https://i.ibb.co/1XC8Ggj/111.png" alt="anc" height="30"
onmouseover="this.src='https://i.ibb.co/1XC8Ggj/111.png';"
onmouseout="this.src='https://i.ibb.co/SxtgkHC/1111.png';" /></a>
  </div>
  <div style="float:right">
  <a href="https://farfaraway.rolfor.me/viewtopic.php?id=935#p13853"><img class="animate1" alt="hover" src="https://i.ibb.co/pyYWhGt/22.png" alt="inf" height="30"
onmouseover="this.src='https://i.ibb.co/PD2wvBn/223.png';"
onmouseout="this.src='https://i.ibb.co/pyYWhGt/22.png';" /></a>
  </div>
  </p>
</head>
</body>
</html>[/html]