button tipe hover

KEBAWAH .

PATEKAN KE GADGET HTML JAVA SCRIPT.
MENUJU CSS NYA

PASTEKAN SAJA DI GADGET: HTML/JAVASCRIPT

button tipe hover

<style type="text/css">
.firefox0 {
background-color:#333333;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:11px;

padding:5px 5px;
text-decoration:none;
        width:197px;
        border:1px solid black;

background-image: linear-gradient(bottom, #000000 7%, #918C91 50%, #000000 100%);
background-image: -o-linear-gradient(bottom, #000000 7%, #918C91 50%, #000000 100%);
background-image: -moz-linear-gradient(bottom, #000000 7%, #918C91 50%, #000000 100%);
background-image: -webkit-linear-gradient(bottom, #000000 7%, #918C91 50%, #000000 100%);
background-image: -ms-linear-gradient(bottom, #000000 7%, #918C91 50%, #000000 100%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.07, #000000),
color-stop(0.5, #918C91),
color-stop(1, #000000)
);

}.firefox0:hover {
background-color:#131313;
        border:2px solid #615950;
background-image: linear-gradient(bottom, #525152 7%, #000000 50%, #949494 100%);
background-image: -o-linear-gradient(bottom, #525152 7%, #000000 50%, #949494 100%);
background-image: -moz-linear-gradient(bottom, #525152 7%, #000000 50%, #949494 100%);
background-image: -webkit-linear-gradient(bottom, #525152 7%, #000000 50%, #949494 100%);
background-image: -ms-linear-gradient(bottom, #525152 7%, #000000 50%, #949494 100%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.07, #525152),
color-stop(0.5, #000000),
color-stop(1, #949494)
);

}.firefox0:active {
position:relative;
top:1px;
}

</style>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3A4hHRrEvoT5aeCz2xgz-kA9C8b9i99QmhIUEfb8nAXWdXt5wqPUhGKR17YUwnaOIqelvfLDAz5WXWulu6UjNx767e5mVomIYUI8eq-vOttPpePOYDG0FQdCbKml8BRISTCo72KoktvWE/s1600/1.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYI2FkXHN4AKPeA7hE-qUS0HwxTEM-farjm4loCgNKV-vNwme6ciVWGDpbW7MHNdwgg3ziKD6gwojnk9AhVd6ZjSm_Vjz1T2THNtHbewYpPgdLk1itGokZ23LpGTqn1NJkmoJxVjAwp8Ke/s1600/3.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7wyJzpwuCrGLuXJkDYmhBaD8PWm_WnIr7LCRGTJOSJsz-5w-Sm8XdtOg-_8jUYlrV8LmormOBM4ntkAneoprJPE1NGlgoO1woyOwD2gNuNDvIfLhqXL3FQ0xx1Tzy9qkZjQmk3AU76Slt/s1600/4.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRDJ9ttLUyumGinElQVzicsbdMfT5h8GIQ77G_oxATqak5he8yyX8hqMGJsBe_nGO4sQ1FVwTjgeXGjvCdvxCMWyQmlz49pqJr4Hk-Me5Lda24417BNxy4Z1zRadLdsMOyBXmK8CqZM5K9/s1600/5.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZjHn-_FYzpPRXciNEFRuApjIa_JaYy9h0ASgorxGz2naZWeG-IeQNfj5oyIJt4eDUxZQHiEg6_B7c2iurJ_Bac6KohyphenhyphenroXtmVD7MboWeamSjdZkUUtpEw6ylnxjxP1N2JpxKZCxvc97o-/s1600/6.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4uhMJaWGIMUJTZNvqEGcarNcTroyIsS9RVJgLUPJnnRpBaAlg8r1R9bschgUlJF5ej4ZZwix2pySmOhwNkQo9oidTVXGOTOjI3WveeLPJmVripWj2_wBgoR_wNM_qA63gZrHr61cbbjv/s1600/7.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtt3TRyUGGciuVzqDHIpMnHpzhLYP83OdSSqtZnASDmHvRY4rUzOe5RpzdVUcAX5U1TS9Om2XWiEtlayvLMwKORAFhWs_4u3haRxZDVLBD6ZsUYX-JCxFvvQnD7ssy6cFIBccouEiNeGxo/s1600/8.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7DpzdOcNTva33PN3ErQ_SQgT6y4Fp5Tv52xVMbwSrqpGDbHlFwgWDF-iNviqbSixCZi_dVBQnzirZ1O_-GDhhBAG_8QKBsSkOiWt-EtOsrqHgd2F234wTbn5dXzPPn2wiqvwCBVzoaHfA/s1600/9.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZezFp82VZtaIAof6vQ_ws-o4RzYtNkqG8v7kIA-4IzRE2_xkxnPhh31ulT-r6jxhVg49ILbWCou_OFQMqp_vnEesNuEtXfwwqbtk2E52kvdqPwcOw4Dskg_FqtmjMEGN60xHs1w2-yGEL/s1600/10.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr7o7aLkC5qFjJ1s-Xpd4GlE_z9z1vp0SKyZJtOk5kpLTX3GR6ZuZaAyJ-o_xKjohml94ysOEzHoZy_xJvfb0tpM940FBXzadFAgKOu8wjx6Pide60yU72D4ZqxzUJ75xcPMWx8_SkjuIF/s1600/11.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Be46v9VBClZZgWZFZJtGdOQmCTqpz44nBQuRbVRuz4WdZmh66ulexvA5GrK12jghNc4K6ofjWmUn7Pg5fs15UHDKxIN3prVLjskrD78V1VgALwLoXHzE9gFRzVJPrQZbjCyWh98no2i1/s1600/12.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX1UWkfPxNkFfwLEKNx1AqnEGOmos8kl8_-mbGIgU63SGQK9Wt8NddAfqq4KCuzOeypXddrbfanStapJjfsdo2MIn-LeS0VgKEj2KYfxuIUvOrQ9y1DQWu2CHgMnwImYlzOp2YsRmJ5kcJ/s1600/19.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4flSZ7lQUJji5K5uRqHHDxE0DfMASJWQl1KDrG_wjAwsw4B_sjkTvTbGXBpmEcmwJglRBqTH_J6lnwU8wo14I1LHVqHdCN5X0b6WfUF8stRyKfH7nh9fEgv5NfE1TU9b0su9qwWG8-TUs/s1600/17.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkspZyBJ4E0ebGTdKXUYNYIonfT24GE6i6LuskN-JgkDpzv1j3fym04J-kvVl0JPGIIJlWGYPb6SrGOQw_CGua0m5LV3fQlDq4_QIk7D76K04qVYY2uJLWeZiYF58efZhT2SJMRXBOCUty/s1600/18.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFYTQV4dX1gYr_sMS_er_qe4zCoI5eh1aWuBPoN9mdfBpf9OEK6t_gIWRukBEPPzC4zpJhh8BnBzOsaZFgBk9HORQJZZMKrWfmdbXUyv6tbFVL3C8jzV1sKpiWv4oKoMlQh-e_mdPseL47/s1600/13.jpg" width="20px" />
<dd>kosong</dd></a>

<a class="firefox0" href=" #">
<img align="left" height="20px" src="%20%0Ahttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIIkV6QTbqRQzNHChRfVBtBl9cZ3RnaKYCfBsnEaqyNhx3c9Epen9Z_5Y2XKRqRDzSqN5hyfXl5Q3kR8fzpDCtEiELbz2o2AUc-tCz9H2COlm8Y3jY6SQBR3CAKSlMN3fzOJ13sJGz63tw/s1600/15.jpg" width="20px" />
<dd>kosong</dd></a>

KEMBALI

.