Skip to content

Instantly share code, notes, and snippets.

@thebyrd
Created March 10, 2013 07:13
Show Gist options
  • Save thebyrd/5127471 to your computer and use it in GitHub Desktop.
Save thebyrd/5127471 to your computer and use it in GitHub Desktop.
Playing around with -webkit-transition: 300ms all;
<!DOCTYPE html>
<html>
<head>
<style>
.button a {
-webkit-transition: 300ms all;
width: 32px;
height: 34px;
color: #333;
text-decoration: none;
font-family: helvetica;
padding: 5px 10px;
border: 1px solid #333;
}
.button a:hover {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
</style>
</head>
<body>
<div class="button">
<a href="#">T</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment