Advanced Backgrounds Test Fixture

background-image with SVG Data URI

SVG circle pattern via data URI (repeat)
SVG dot pattern via data URI (repeat)

background-size

background-size: cover
background-size: contain (no-repeat)
background-size: 60px 60px

background-position

background-position: center
background-position: top right
background-position: bottom left

background-repeat

repeat-x
repeat-y
no-repeat

background-origin

background-origin: border-box (pattern starts at border)
background-origin: content-box (pattern starts at content)

filter: blur()

Normal (no filter)
blur(2px)
blur(5px)