Friday, 28 June 2013

How to make a CSS button

How to make a CSS button

Today I am going to tell you that how to how to make a button in CSS. If your blog is about to download anything then, this button will help you too much after too much of hardworking I made this button in CSS which you like most. Want to make a CSS button so don't worry you just want to do some easy steps and you will be done in adding CSS button to your blog.






  • You might also like:

Make a button in CSS

  • Go to blogger.com.
  • Sign in to your account.
  • Now go to template >> edit HTML.
  • And paste the below code just above the code ]]></b:skin>.
.center
{
font-family:"Times New Roman",Times,serif;
background-color: red;
margin:auto;
width:70%;
font-family: "bold"
color:green:
overflow:auto;width:150px;height:auto;
background :red;
border : 50px solid #EEEEEE;
border-left:43px solid #000;
border-right:43px solid #000;
padding : 2px 2px 3px 2px;
-webkit-transition:all 10.0s ease-in-out;-moz-transition:all 10.8s ease-in-out;-o-transition-duration:all

10.8s ease-in-out;transition:all 1.3s

ease-in-out;-webkit-border-radius:2px;-moz-border-radius:13px;border-radius:13px;
-moz-border--moz-border-radius: 80px 80px 80px 80px;border-radius: 90px 90px 90px;
-webkit-box-shadow: 90px 90px 80px  rgba(90, 90, 90, 9.3);
-moz-box-shadow: 90px 90px 90px  rgba(90, 90, 90, 9.3);
box-shadow: 20px 20px 20px  rgba(90, 90, 90, 9.3);
}

.center:hover{
background : blue;
border : 61px solid #EEEEEE;
border-left:20px solid #ffffff;
border-right:20px solid #ffffff;
-webkit-box-shadow: 90px 90px 190px  rgba(90, 90, 90, 120.3);
-moz-box-shadow: 90px 90px 190px  rgba(90, 90, 90, 9.3);
box-shadow: 0px 0px 10px  rgba(90, 90, 90, 9.3);
}
a { color: green;}
  • Click to save template and add this below code where you want to add the CSS button:
<div class="center &gt;&lt;h3 style=" left="" text-align:="">
<span style="font-family: Times,&quot;Times New Roman&quot;,serif;"><span style="color: green;"><u><i><a href="YOUR_URL"><h3>
<span style="font-family: Georgia,&quot;Times New Roman&quot;,serif;"><span style="font-size: large;"><center>YOUR TEXT HERE</center></span></span></h3></a></i></u></span></span></div>
  • Just change YOUR TEXT HERE with your text and Change YOUR_URL with your url 
Hope you like this CSS button and please share this CSS button with your friends.

Do you Like this Article?

rss twitter facebook
Subscribe us and get daily updates directly to your email inbox.
We will not share you email with anyone so you don't have to worry.

No comments:

Post a Comment

Subscribe this blog and get daily this blog articles to your email.