CSS Sprite Generator Gradient coins arrondis

CSS Sprite Gradient Rounded Corners Generator generate one image file, 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="cssSpritesGradientRoundedCornerBox_17491">
<span class="corner_17491 topLeft_17491"></span><span class="corner_17491 topRight_17491"></span>
    	 <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>
        <span class="corner_17491 bottomLeft_17491"></span><span class="corner_17491 bottomRight_17491"></span>
    </div>

.cssSpritesGradientRoundedCornerBox_17491 {zoom:1;position:relative;padding:30px;background:#CCFF45 url(images/cssspritedgradientroundedcorner_17491.gif) repeat-y -62px -62px;; }
.corner_17491 {position:absolute;background: url(images/cssspritedgradientroundedcorner_17491.gif);width:30px; height:30px;}
.topLeft_17491 {top:0; left:0; background-position:0px 0px;}
.topRight_17491 {top:0; right:0;background-position:-30px 0px;}
.bottomLeft_17491 {bottom:0; left:0; background-position:0px -30px;}
.bottomRight_17491 {bottom:0; right:0; background-position:-30px -30px;}
/*Fix IE6 stupid 1px bug*/
* html .topRight_17491 {
    border-right:#FCBE00 solid 1px; /* same color as background */
    margin:  0 -1px 0  0;
}
/* Fix 3px and 1px bug for bottom margin */
* html .bottomLeft_17491 {
    border-bottom: #FCBE00 solid 1px;
    margin:  0 0 -4px 0;
}

* html .bottomRight_17491 {
    border-right: #FCBE00 solid 1px;
    border-bottom: #FCBE00 solid 1px;
    margin:  0 -1px -4px 0;
}

images/cssspritedgradientroundedcorner_17491.gif

Download zip files

Rounded Corner

Rounded Corner

Rounded Corner Button Generator

CSS Sprite Generator Gradient coins arrondis

Domain Register & Web hosting

Languages