Gradient arrondis Generator Corner

Gradient Rounded Corners Generator generate five image files, and HTML/CSS code to make your content with rounded corners and gradient background color.
Browser support:IE(6+), Firefox, Safari, Chrome and Opera etc.

Corner Radius:

Background Color#:

Start Color#:

End Color#:

Gradient length:

Gradient step:

Gradient direction:

Domain Register & Web hosting

$1.99 Web Hosting
Domain Sale! $7.49 .com at GoDaddy

Go Daddy is an Internet domain registrar and Web hosting company. In 2010, it reached more than 45 million domain names under management. GoDaddy is currently the largest ICANN-accredited registrar in the world, and is four times the size of its closest competitor.

<div class="roundedcorner_gradient_361432">
      <div class="roundedcorner_gradient__top_361432"><div></div></div>
      <div class="roundedcorner_gradient__content_361432">
    	 <div class="demo"><h3>Domain Register & Web hosting</h3><a href="http://x.co/ORxH" target="_blank">$1.99 Web Hosting</a><br/><a href="http://x.co/ORx9" target="_blank">Domain Sale! $7.49 .com at GoDaddy</a><p><a href="http://x.co/ORxK" target="_blank">Go Daddy</a> is an Internet domain registrar and Web hosting company.
            In 2010, it reached more than 45 million domain names under management.
            GoDaddy is currently the largest ICANN-accredited registrar in the world,
            and is four times the size of its closest competitor.
            </p></div>
      </div>
      <div class="roundedcorner_gradient_bottom_361432"><div></div></div>
</div>

.roundedcorner_gradient_361432 {   
   background: #D2DDE0 url(images/roundedcorner_gradient_361432.gif) repeat-y;
}
.roundedcorner_gradient__top_361432 div {
   background: url(images/roundedcorner_gradient_361432_tl.gif) no-repeat top left;
}
.roundedcorner_gradient__top_361432 {
   background: transparent url(images/roundedcorner_gradient_361432_tr.gif) no-repeat top right;
}
.roundedcorner_gradient_bottom_361432 div {
   background: url(images/roundedcorner_gradient_361432_bl.gif) no-repeat bottom left;
}
.roundedcorner_gradient_bottom_361432 {
   background: transparent url(images/roundedcorner_gradient_361432_br.gif) no-repeat bottom right;
}

.roundedcorner_gradient__top_361432 div, .roundedcorner_gradient__top_361432,
.roundedcorner_gradient_bottom_361432 div, .roundedcorner_gradient_bottom_361432 {  
   height: 30px;
   font-size: 1px;
}
.roundedcorner_gradient__content_361432 { margin: 0 30px; }

Download zip files

Rounded Corner

Rounded Corner

Rounded Corner Button Generator

Gradient arrondis Generator Corner

Domain Register & Web hosting

Languages