[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:justify">
<a href="http://farfaraway.rolfor.ru/viewtopic.php?id=154"><img class="animate1" alt="hover" src="https://i.ibb.co/k64Gstt/004.png" alt="Анкета" width="160" height="50" border="0"
onmouseover="this.src='https://i.ibb.co/x71vr6W/04.png';"
onmouseout="this.src='https://i.ibb.co/k64Gstt/004.png';" /></a>
</div>
</p>
</head>
</body>
</html>[/html]
Отредактировано Ева Аданел (11.11.2020 05:07)
- Подпись автора
[html]<!DOCTYPE html>
<html>
<head>
</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="http://farfaraway.rolfor.ru/viewtopic.php?id=653"><img class="animate1" alt="hover" src="https://i.ibb.co/c25j740/001.png" alt="Гильдия" width="67" height="100"
onmouseover="this.src='https://i.ibb.co/YBBH7Qv/01.png';"
onmouseout="this.src='https://i.ibb.co/c25j740/001.png';" /></a>
</div>
<div style="float:right">
<a href="http://farfaraway.rolfor.ru/viewtopic.php?id=158"><img class="animate1" alt="hover" src="https://i.ibb.co/KqQmH35/image.png" alt="Информация" width="160" height="71"
onmouseover="this.src='https://i.ibb.co/xCFD04F/image.png';"
onmouseout="this.src='https://i.ibb.co/KqQmH35/image.png';" /></a>
</div>
<div style="float:right">
<a href="http://farfaraway.rolfor.ru/viewtopic.php?id=159"><img class="animate1" alt="hover" src="https://i.ibb.co/zxGkFMN/3.png" alt="Финансы" width="160" height="71" border="0"
onmouseover="this.src='https://i.ibb.co/2yGP1ys/image.png';"
onmouseout="this.src='https://i.ibb.co/zxGkFMN/3.png';" /></a>
</div>
<div style="float:right">
<a href="https://vk.com/sp666sp"><img class="animate1" alt="hover" src="https://i.ibb.co/nzdXDSW/image.png" alt="Контакт" width="160" height="71" border="0"
onmouseover="this.src='https://i.ibb.co/ph1DWwk/image.png';"
onmouseout="this.src='https://i.ibb.co/nzdXDSW/image.png';" /></a>
</div>
<div style="float:right">
<a href="http://farfaraway.rolfor.ru/viewtopic.php?id=154"><img class="animate1" alt="hover" src="https://i.ibb.co/9tY51Xx/image.png" alt="Анкета" width="160" height="71" border="0"
onmouseover="this.src='https://i.ibb.co/jTgYcFd/image.png';"
onmouseout="this.src='https://i.ibb.co/9tY51Xx/image.png';" /></a>
</div>
</p>
</body>
</html>[/html]
