Css Button Generator With Icon And Texture | online-button-generator

Instructions:

<style>/*! Maker Button Generator Tool - Developed Netbax | https://www.netbax.net/ */@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
.{
        padding:5px 35px;
        background-color:#CC0000;
   (to right, #EC1C23, #22B14B);
   ("");
        border-top:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        border-left:1px solid #FFFFFF;
        border-right:1px solid #FFFFFF;
        font-weight:bold;
        font-style:normal;
        font-family:tahoma, geneva, sans-serif;
        font-size:24px;
        letter-spacing:0px;
        color:#FFFFFF;
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px;
        -webkit-border-radius:10px 10px 10px 10px;
        -ms-border-radius:10px 10px 10px 10px;
        -O-border-radius:10px 10px 10px 10px;
        opacity:1;
        box-shadow:2px 2px 5px #000000;
        text-align:center;
        text-decoration:none;
        text-transform:none;
        display:inline-block;
        cursor:pointer;}
 .:hover{
  background-color:#E03C31;
   (to right, #22B14B, #EC1C23);
  color:#FFFFFF;
        border-top:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        border-left:1px solid #FFFFFF;
        border-right:1px solid #FFFFFF;
        opacity:1;
        text-decoration:none;}
.:active{
  background-color:#1568DB;
  color:#FFFFFF;
  border-color:#000000;
  opacity:1;
  transform: scale(0.89);}
 .span{
  font-weight:normal;
  font-size:14px;
  color:#C3C3C3;
  font-family:arial;}
 .span1{
  font-weight:normal;
  font-size:14px;
  color:#FFAE00;
  font-family:arial;}
 .shadow{
  text-shadow:0px -1px 1px #222222;}
 .stroke{
  -webkit-text-stroke:0px #EC1C23;}
 .ficon{
  font-size:24px;
  color:#EC1C23;
  float:left;}
 .icon{
  position:relative;
  top:3px;
  left:4px;
 width:24px;
  height:24px;
  float:left;}
 .scrolling{
        font-size:24px;
        width:60px;
        height:27px;
        animation: marquee 2s linear infinite;
        display:inline-block;}
 @keyframes marquee {from{transform: translateX(50%);}
 to {transform: translateX(-100%);}}
</style>
<a href="" class="" target="_blank"><div class="span"></div><div class="stroke shadow"><img src="" class=""><i class="ficon fa  "></i><scrolling class="">   </scrolling></div>
<div class="span1"></div></a>

fashion Button
www.example.com

Background Color

Mini Small Default Large Extra Large

Width35

Height5

Button Link

Opacity1

If you’d like to send us feedback, or have any other question, please fill out the form below and we will get back to you as soon as possible.