Online Banner Text Generator | netbax

<style>/*! Maker Banner Generator Tool - Developed Netbax | https://www.netbax.net/ */ .banner{
        padding:5px 130px;
        background-color:#DD380D;
   (to right, #EC1C23, #22B14B);
   ("");
        border-top:2px solid #555555;
        border-bottom:2px solid #555555;
        border-left:2px solid #555555;
        border-right:2px solid #555555;
        font-weight:normal;
        font-style:none;
        font-family:tahoma, geneva, sans-serif;
        font-size:45px;
        position: relative;
        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;
        display:inline-block;}
 .span{
  font-weight:normal;
  font-size:14px;
  color:#C3C3C3;
  font-family:arial;}
 .animated button{
  background-color:#0D0D0D;
  border:2px solid #555555;
  padding:4px;
  font-size:14px;
  color:#FFFFFF;
  font-family:tahoma, geneva, sans-serif;
  font-weight:normal;
  text-decoration:none;
  text-transform:none;
        cursor:pointer;
  border-radius:10px;
  animation: scaler 1s linear infinite alternate;}
  @keyframes shadow-pulse{ 0% { box-shadow: 0 0 0 1px #71594a insert; } 17% { box-shadow: 0 0 0 8px #ceef86 inset; } 35% { box-shadow: 0 0 0 15px #8bc34a insert ; } 47% { box-shadow: 0 0 0 30px #03a9f4 inset; } 66% { box-shadow: 0 0 0 90px #ff5722 inset; } 85% { box-shadow: 0 0 0 20px #00ff00 inset; } 100% { box-shadow: 0 0 0 1px #607d8b inset; } } @keyframes scaler { 0% { transform: scale(1); } 100% { transform: scale(1.5); } }@keyframes bChange{ 0% { border-color:#8bc34a;} 25% { border-color: #03a9f4;} 50% { border-color: #ff5722;}70% { border-color: #00ff00;} 100%{ border-color: #607d8b;} }
 .normal{
  text-decoration:none;
  text-transform:none;
  font-weight:bold;
  font-style:normal;
  letter-spacing:0px;}
 .shadow{
  text-shadow:0px -1px 1px #222222;}
 .stroke{
  -webkit-text-stroke:2px #222222;}
 .rowe {
   width: 150px;
   height: 150px;
   overflow: hidden;
   position: absolute;}
 .rowe span {
   position: absolute;
   display: block;
   width: 225px;
   padding: 15px;
   background-color: #22B14B;
   box-shadow: 0 5px 10px rgba(0,0,0,.1);
   color: #FFFFFF;
   font: 700 18px/1 'Lato', sans-serif;
   text-decoration:none;
   text-shadow: 0 1px 1px rgba(0,0,0,.2);
   text-transform: none;
   text-align: center;}
.rleft {
  top: 0px;
  left: 0px;}
.rleft span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);}
.rright {
  top: 0px;
  right: 0px;}
.rright span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);}
</style>
<div class="banner">
<span class="rowe rleft"><span></span></span>
<span class="rowe rright"><span></span></span>
<div class="span"></div>
<div class="stroke shadow normal"></div>
<div class="animated"><button onclick="window.open('','_blank')"></button></div></div>

Background Color

Width 130

Height 5

Banner Link

Opacity 1