JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<p><a class="radekali_niglam" href="http://zornet.ru" title="ZorNet.Ru: Создание сайта на uCoz"><img src="http://zornet.ru/Aben/ABGDA/zornet_ru/kersa/pdy8k37HSwm1L4w4nvaIGQ.png" width="499" height="312" border="0" alt="ZorNet.Ru"></a></p>

CSS

a.radekali_niglam {
    position: relative;
    width: 499px;
    text-decoration: none !important;
    text-align: center;
}
a.radekali_niglam:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.9em 21px;
    width: 458px;
    background: rgba(14, 14, 14, 0.88);
    text-decoration: none !important;
    color: #ece0e0fa;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
  a.radekali_niglam:hover::after, a.radekali_niglam:focus::after {
    opacity: 1.0;
  }