Show CSS3 Editor
background: linear-gradient(90deg, transparent 43%, rgba(255,255,255,.3) 43%, rgba(255,255,255,.3) 57%, transparent 57%) 0 5em, radial-gradient(circle, transparent 40%, red 40%, red 96%, transparent 96%) -50em -45em, linear-gradient(0, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 25em, linear-gradient(90deg, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 30em, linear-gradient(45deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%) 26em 30em, linear-gradient(135deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%) 25em 30em; background-size: 100em 100em,100em 100em, 50em 50em, 50em 50em, 50em 50em, 50em 50em; background-color: red; font-size: 1px;
background: linear-gradient(90deg, transparent 43%, rgba(255,255,255,.3) 43%, rgba(255,255,255,.3) 57%, transparent 57%) 0 5em, radial-gradient(circle, transparent 40%, red 40%, red 96%, transparent 96%) -50em -45em, linear-gradient(0, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 25em, linear-gradient(90deg, transparent 40%, #fff 40%, #fff 60%, transparent 60%) 25em 30em, linear-gradient(45deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%) 26em 30em, linear-gradient(135deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%) 25em 30em; background-size: 100em 100em,100em 100em, 50em 50em, 50em 50em, 50em 50em, 50em 50em; background-color: red; font-size: 1px;
Reset
Snowflakes
Tweet
penrose-triangle
Useless CSS3 Patterns
cute-skull
© 2012
eCSSpert.com
Submit your CSS3 pattern via Twitter
@ecsspert