Код <item> или код RSS (отобразится первый <item>).

<b>Приступаем к установке:</b>

HTML

<!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;"><!--uzc--><div class="dasopuv-kesinag">
  <div class="nesacoped-kesavumon">
  <img src="Ссылка на изображение" alt="Ключевое слово">
  <div class="nesacoped-kesavumon-koged">
  Здесь название категорий
  </div>
  </div><!--/uzc--></div></div><!--/uzcode-->
CSS

<!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;"><!--uzc-->.dasopuv-kesinag {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  cursor:pointer;
}

.nesacoped-kesavumon {
  display: inline-block;
  position: relative;
  margin-bottom: 17px;
}

.nesacoped-kesavumon img {
  display: block;
}

.nesacoped-kesavumon:before,
.nesacoped-kesavumon-koged {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity .3s linear;
}

.nesacoped-kesavumon:before {
  content: '';
  height: 100%;
  background: rgba(16, 15, 15, 0.58);
}

.nesacoped-kesavumon-koged {
  padding: 10px;
  text-align: center;
  z-index: 1;
  color: #f3f3f3;
}

.nesacoped-kesavumon:hover:before,
.nesacoped-kesavumon:hover .nesacoped-kesavumon-koged {
  opacity: 1;
}<!--/uzc--></div></div><!--/uzcode-->
Есть очень много вариаций CSS свойства перехода, фильтрации и непрозрачности используются для создания эффекта зависания для изображений на сайте. Так как они отлично подходят под стиль сайта и не сложно настраиваются по цветовой гамме или время появление.

Но и не забываем, что все идет на стилистике, а это означает, не так сильно будет нагружать страницу, где находится этот трюк, а точнее вообще заметете нагрузки, так как она несущественная.

<a class="link" href="https://codepen.io/kocsten/pen/dLJgqR" rel="nofollow" target="_blank"><u>Демонстрация</u></a>]]>