Repeating background gradient problem

1

How can I make a gradient background repeat out of the defined position for the layout?

Consider the following image:

Ineededtorepeatthegreenwaterandtheorangecolor,whicharealsogradients.

EDIT:

Example: link

    
asked by anonymous 08.05.2014 / 19:56

1 answer

1

I do not know if I understood correctly what you want, see if that's it:

HTML

<div id='externo'>
    <div id='interno'></div>
</div>

CSS

#externo{
    background: -webkit-linear-gradient(left, #38899f, #df2929, #e8742a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #38899f, #df2929, #e8742a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #38899f, #df2929, #e8742a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, #38899f, #df2929, #e8742a); /* Standard syntax */
    width:800px;
    height:60px;
}
#interno{
    background:#999;
    width:80%;
    margin:0 auto;
    height:55px;
}

link

    
09.05.2014 / 02:22