Css Button Generator With Icon And Texture | OBG

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

Width 35

Height 5

Button Link

Opacity 1

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.