css animation keyframe fade in

.svg-wrapper {
    -webkit-animation: fadein 2s; /* Safari and Chrome */
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}




<div class="svg-wrapper">
   <div class="text">HOVER</div>
</div>