подскажите что переделать в коде

подскажите что переделать в коде чтобы нижнее затемнение появлялось только при наведении курсора на фотку

.example3 {
    display:inline-block;  
    position:relative;
}
.example3 .example_text{
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    height:25px;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#fff;
    padding:5px;    
    background-color:rgba(0,0,0,.3);
}          


<div class="example3">
    <a href="ссылка" ><img src="ссылка"></a>
    <div class="example_text">
        <a href="ссылка">текст</a>
</div>
</div>




 Источник:dle-faq.pro, DLE