Show CSS3 Editor
background: linear-gradient(135deg, transparent 85%, red 85%) 72em -27em, linear-gradient(315deg, transparent 85%, red 85%) 29em -70em, radial-gradient(circle, red 40%, transparent 40%) 50em 51em, linear-gradient(45deg, transparent 67%, red 85%) 29em 73em, linear-gradient(225deg, transparent 67%, red 85%) 72em -70em, linear-gradient(135deg, transparent 67%, red 85%) 72em -27em, linear-gradient(315deg, transparent 67%, red 85%) 29em -70em, linear-gradient(135deg, transparent 36%, white 36%, white 63%, transparent 63%), linear-gradient(45deg, transparent 36%, white 36%, white 63%, transparent 63%); background-size: 100em 100em; background-color: red; font-size: 1px;
background: linear-gradient(135deg, transparent 85%, red 85%) 72em -27em, linear-gradient(315deg, transparent 85%, red 85%) 29em -70em, radial-gradient(circle, red 40%, transparent 40%) 50em 51em, linear-gradient(45deg, transparent 67%, red 85%) 29em 73em, linear-gradient(225deg, transparent 67%, red 85%) 72em -70em, linear-gradient(135deg, transparent 67%, red 85%) 72em -27em, linear-gradient(315deg, transparent 67%, red 85%) 29em -70em, linear-gradient(135deg, transparent 36%, white 36%, white 63%, transparent 63%), linear-gradient(45deg, transparent 36%, white 36%, white 63%, transparent 63%); background-size: 100em 100em; background-color: red; font-size: 1px;
Reset
Christmass present
Tweet
pixels
Useless CSS3 Patterns
hipster-love
© 2012
eCSSpert.com
Submit your CSS3 pattern via Twitter
@ecsspert