background-color: rgb(180, 30, 30);
background-image:
linear-gradient(
top,
rgba( 0, 0, 0, 0.2) 0px,
rgba( 0, 0, 0, 0.2) 4px,
rgba(255, 255, 255, 0.5) 4px,
rgba(255, 255, 255, 0.5) 8px,
transparent 8px,
transparent 28px,
rgba(255, 255, 255, 0.5) 28px,
rgba(255, 255, 255, 0.5) 32px
),
linear-gradient(
left,
rgba( 0, 0, 0, 0.2) 0px,
rgba( 0, 0, 0, 0.2) 4px,
rgba(255, 255, 255, 0.5) 4px,
rgba(255, 255, 255, 0.5) 8px,
transparent 8px,
transparent 28px,
rgba(255, 255, 255, 0.5) 28px,
rgba(255, 255, 255, 0.5) 32px
)
;
background-image:
-moz-linear-gradient(
top,
rgba( 0, 0, 0, 0.2) 0px,
rgba( 0, 0, 0, 0.2) 4px,
rgba(255, 255, 255, 0.5) 4px,
rgba(255, 255, 255, 0.5) 8px,
transparent 8px,
transparent 28px,
rgba(255, 255, 255, 0.5) 28px,
rgba(255, 255, 255, 0.5) 32px
),
-moz-linear-gradient(
left,
rgba( 0, 0, 0, 0.2) 0px,
rgba( 0, 0, 0, 0.2) 4px,
rgba(255, 255, 255, 0.5) 4px,
rgba(255, 255, 255, 0.5) 8px,
transparent 8px,
transparent 28px,
rgba(255, 255, 255, 0.5) 28px,
rgba(255, 255, 255, 0.5) 32px
)
;
background-image:
-webkit-gradient(
linear,
left top,
left bottom,
color-stop( 0, rgba( 0, 0, 0, 0.2)),
color-stop(0.125, rgba( 0, 0, 0, 0.2)),
color-stop(0.125, rgba(255, 255, 255, 0.5)),
color-stop( 0.25, rgba(255, 255, 255, 0.5)),
color-stop( 0.25, transparent),
color-stop(0.875, transparent),
color-stop(0.875, rgba(255, 255, 255, 0.5)),
color-stop( 1, rgba(255, 255, 255, 0.5))
),
-webkit-gradient(
linear,
left top,
right top,
color-stop( 0, rgba( 0, 0, 0, 0.2)),
color-stop(0.125, rgba( 0, 0, 0, 0.2)),
color-stop(0.125, rgba(255, 255, 255, 0.5)),
color-stop( 0.25, rgba(255, 255, 255, 0.5)),
color-stop( 0.25, transparent),
color-stop(0.875, transparent),
color-stop(0.875, rgba(255, 255, 255, 0.5)),
color-stop( 1, rgba(255, 255, 255, 0.5))
)
;
-moz-background-size: 32px 32px, 32px 32px;
-webkit-background-size: 32px 32px, 32px 32px;
Requirements: Firefox 3.6 Beta 3+, Safari 4+ or Chrome 4+.