Как реализовать hover?

Question

[maxdubovik]

.about {
 display:inline-block;
}
.cursor
{
height:0px;
}
.about img {
 display:block;
}
.about a
{
    color:black;
}
.about:hover .cursor:after
{
height:50px;
width:250px;

}

<div id="images">
   <div class="about" > 
<img class="cursor"  src="corsor-left.png"/>
   </div>
   <div class="about">
<a  href="album.php?cat_name=<?echo $row[cat_name]?>">12231123</a>
   </div>
   <div class="about ">
<img  class="cursor" style="width: 2px;"src="cursor-right.png"/>
   </div>
</div>

Как сделать чтоб бы по бокам при наведение на блок с текстом появлялись стрелочки ?

Answer 1

[Stalker_RED]

У img не может быть :before или :after. Как и у br, например.

.about:hover .cursor {
  display: visibility: visible; 
}

Есть множество вариантов того, что можно использовать для появления картинки. display, visibility, opacity, height, width, margin или что-то еще.