Edit in JSFiddle

.text_display {
    font-size: 12px;
    font-weight: bold;
    font-family: Georgia, Times New Roman, serif;
    color: #3d85c6;
    display:list-item;
    float:left;
    margin:10px;
    width:100%;
    line-height: 15px;
}
.radial_grad {
    width: 300px;
    height: 120px;
    /*
    
    radial gradient example
    with various browser support
    */
    background: repeating-radial-gradient(circle closest-side at center, red 10%, green 50%, blue 100%);
    background: -webkit-repeating-radial-gradient(circle closest-side at 50px 50px, red 10%, green 50%, blue 100%);
    background: -webkit-gradient(radial, 50px 50px, circle closest-side, color-stop(0% red), color-stop(0% green), color-stop(0% blue));
    background: -o-repeating-radial-gradient(circle closest-side at 50px 50px, red 10%, green 50%, blue 100%);
    
    margin:10px;
    display:list-item;
    float:left;
}

<div class="text_display">Repeating Radial Gradient
    <br /> <code>   background: repeating-radial-gradient(circle closest-side at center, red 10%, green 50%, blue 100%);<br />
    background: -webkit-repeating-radial-gradient(circle closest-side at 50px 50px, red 10%, green 50%, blue 100%);<br />
    background: -webkit-gradient(radial, 50px 50px, circle closest-side, color-stop(0% red), color-stop(0% green), color-stop(0% blue));<br />
    background: -o-repeating-radial-gradient(circle closest-side at 50px 50px, red 10%, green 50%, blue 100%);<br />

    </code>

</div>
<br />
<div class="radial_grad"></div>