Skip to content

Instantly share code, notes, and snippets.

Created May 14, 2014 18:51
Show Gist options
  • Save anonymous/f0a182cba95cb4f17600 to your computer and use it in GitHub Desktop.
Save anonymous/f0a182cba95cb4f17600 to your computer and use it in GitHub Desktop.
A Pen by Secret Sam.
<div class="blue-btn">
<a class="first-link" href="">
First Text
</a>
<a href="">
Second Text
</a>
</div>
.blue-btn a{
color: white;
text-decoration:none;
text-align: center;
display:inline-block; /* important */
}
.blue-btn, .first-link{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.blue-btn{
height: 64px;
font: normal normal 700 1em/4em Arial,sans-serif;
overflow: hidden;
width: 100px;
background-color: #3b5998;
}
.first-link{
margin-left: 12px;
}
.blue-btn:hover .first-link{
margin-left: 90px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment