Simple Ghost Button Tutorial With Code

Simple Ghost Button Tutorial With Code

Today Topic is How To Create a Simple Ghost Button, So it's Very easy to ghost button create I explain to full code and tutorial now just copy and past code and preview your browser.

<body>
<a href="#" class="ghost-button">Ghost Button</a>
</body>

Now created for style from ghost button to call a anchor tag class ghost-button

<style>
.ghost-button{
color:#009688;
background:#fff;
border:1px solid #009688;
font-size:18px;
padding: 7px 12px;
font-weight:normal;
margin:6px 0;
margin-right:12px;
display:inline-block;
text-decoration:none;
font-family: 'Open Sans', sans-serif;
min-width:120px;

}
.ghost-button:hover{
color:#fff;
background:#009688;

}
</style>

Ghost Button

Related Post

Next
Previous
Click here for Comments

0 comments:

Thnak You For Comment And For Your Question, Answer Very Soon.