Tuesday, July 9, 2013

Link to Button

Doing a new mobile design, I met several requests to convert  a comple link into buttons. I came out with quite simple and good css element for a class link.

.link { display: block;
height: 40px;
width: 250px;
border: 1px solid #000;
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
text-align:center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; }

It will create a button in any view mobile/desktop or tablet. I think, it's quite useful.

No comments:

Post a Comment