Tutorial : Image Hover Style {1}

17:22:00

Assalamualaikum.


<center><style type="text/css">
.ainacomel { position: relative; width: 230px; height: 175px; }
.ainacomel .caption { opacity: 0;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
position: absolute;
height:50px; width: 230px;
bottom: 0px;
left: 0px;
padding: 2px 0px;
color: black;
background: #F8E0F1;
text-align: center;
font-weight:bold; }
.ainacomel:hover
.caption { opacity: 0.7; }
</style>  
<div class="ainacomel">
<img src="https://38.media.tumblr.com/02f0ce7ec292d8fcdc38b86a26877837/tumblr_n51lnsmUJb1r7b8eyo1_500.gif" height="auto" width="230" />
<div class="caption">
<br />AINA - SIXTEEN - MRSM & MMAS </div> </div></center>

You Might Also Like

0 Love Letter(s)

Like us on Facebook