Tutorial : Image Hover Style {1}

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>

Aina Akmal

AINA AKMAL. Seorang gadis comel yang berasal dari utara Malaysia. Punya impian sebesar alam semesta dan seorang yang bercakap banyak. Pemegang status pelajar seumur hidup. Keep learning and never give up adalah prinsip beliau. Masih bujang terang tang tang kata orang. Nak berkenal? Boleh jenguk bawah ni.

No comments:

Post a Comment