Cara Membuat Tombol Download Keren di Blog
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
<style>
.onmaibana {
margin-right:9px;
padding: 15px 25px;
font-size: 24px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #009688;
border: none;
border-radius: 15px;
box-shadow: 0 9px #000;
}
/* Darker background on mouse-over */
.onmaibana:hover {
background-color: #a5a6a7;
}
.onmaibana:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
</style>
<br />
<center>
<a href="https://www.onmaibana.com" target="_blank">
<button class="onmaibana"><i class="fa fa-eye"></i> Demo</button></a>
<a href="https://www.onmaibana.com" target="_blank">
<button class="onmaibana"><i class="fa fa-download"></i> Download</button></a>
</center>
Komentar
Posting Komentar