Skip to content

Instantly share code, notes, and snippets.

@mazharul-miraz

mazharul-miraz/button.html

Created April 28, 2019 17:22
Show Gist options
  • Save mazharul-miraz/c2bd69a6bf350944f648f0464617f0f5 to your computer and use it in GitHub Desktop.
Save mazharul-miraz/c2bd69a6bf350944f648f0464617f0f5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
button.html
<!DOCTYPE html>
<html>
<head>
<title>Button</title>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
.wrap > a{
background-color: #333;
border: 1px solid #333;
color: #fff;
display: inline-block;
padding: 10px 31px 9px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
text-decoration: none;
font-family: 'Playfair Display', serif;
}
.wrap > a:hover {
background-color: transparent;
color: #333;
transition: all 0.3s ease 0s;
}
</style>
</head>
<body>
<div class="wrap">
<a href="shop.html">Add to cart</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment