Tutorial : List With Icon Hover

5:30:00 PTG

assalamualaikum


tutorial list with icon hover


 
live preview

1.Copy code di bawah ni

<style>
a.chan {
background:url(URL ICON);
background-repeat:no-repeat;
background-size:12px;
padding-left:19px;
color:#666;
display:inline-block;
font: 12px arial;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
width:280px;
line-height:18px;
}
a.chan:hover{
background:url(URL ICON);
background-repeat:no-repeat;
background-size:12px;
color: #000;
}
</style>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>
<a class="chan" href="LINK HERE">Tutorial</a>

2.Paste dekat mana-mana korang nak
3.Preview & Save

oren : url icon
merah : link
biru : tajuk


You Might Also Like

0 comments

Review



THEJUNNI

Like us on Facebook

Giveaway



2016


11.1.2017


2016


31.12.2016