Possible to repeat background image outwards from center?

Question

I'm wondering if this is possible with CSS. I want my background image to begin from an absolute center alignment and tile repeat outwards from there.

Answer 1

Found the solution:

background-attachment: fixed

See example: http://codepen.io/ryanmclaughlin/pen/3ba02dcabedee91b09cf816d43d148c4

Answer 2

You can use background-position property to center the background and set the repeat value to background, background: url('yourimage') repeat;

Answer 3

#pattern{
    background: url('pattern.jpg') center center;
    /* other stuff here */
}