Show CSS3 Editor
background: radial-gradient(circle, #F4DE37 2%, transparent 2%) 45em 15em, radial-gradient(circle, #F4DE37 2%, transparent 2%) 55em 15em, radial-gradient(circle, #F4DE37 10%, transparent 10%) 30em -5em, radial-gradient(circle, #F4DE37 8%, transparent 8%) 70em -5em, radial-gradient(circle, #F46837 40%, transparent 40%) 50em -30em, radial-gradient(circle, #F46837 20%, transparent 20%) 50em 10em, radial-gradient(circle, #F46837 8%, transparent 8%) 100em 39em, radial-gradient(circle, #F46837 8%, transparent 8%) 90em 30em, radial-gradient(circle, #F46837 8%, transparent 8%) 0em 39em, radial-gradient(circle, #F46837 8%, transparent 8%) 6em 30em, radial-gradient(circle, #F46837 8%, transparent 8%) 100em 79em, radial-gradient(circle, #F46837 8%, transparent 8%) 94em 90em, radial-gradient(circle, #F46837 8%, transparent 8%) 0em 79em, radial-gradient(circle, #F46837 8%, transparent 8%) 6em 90em, linear-gradient(0, transparent 50%, #F4DE37 50%) 100em 0, linear-gradient(90deg, transparent 50%, #F4DE37 50%) 90em 0, linear-gradient(60deg, transparent 46%, #F46837 46%, #F46837 54%, transparent 54%) 100em 10em, linear-gradient(-60deg, transparent 46%, #F46837 46%, #F46837 54%, transparent 54%) 100em 10em; background-size: 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 100em 100em, 100em 100em; background-color: #F4DE37; font-size: 1px;
background: radial-gradient(circle, #F4DE37 2%, transparent 2%) 45em 15em, radial-gradient(circle, #F4DE37 2%, transparent 2%) 55em 15em, radial-gradient(circle, #F4DE37 10%, transparent 10%) 30em -5em, radial-gradient(circle, #F4DE37 8%, transparent 8%) 70em -5em, radial-gradient(circle, #F46837 40%, transparent 40%) 50em -30em, radial-gradient(circle, #F46837 20%, transparent 20%) 50em 10em, radial-gradient(circle, #F46837 8%, transparent 8%) 100em 39em, radial-gradient(circle, #F46837 8%, transparent 8%) 90em 30em, radial-gradient(circle, #F46837 8%, transparent 8%) 0em 39em, radial-gradient(circle, #F46837 8%, transparent 8%) 6em 30em, radial-gradient(circle, #F46837 8%, transparent 8%) 100em 79em, radial-gradient(circle, #F46837 8%, transparent 8%) 94em 90em, radial-gradient(circle, #F46837 8%, transparent 8%) 0em 79em, radial-gradient(circle, #F46837 8%, transparent 8%) 6em 90em, linear-gradient(0, transparent 50%, #F4DE37 50%) 100em 0, linear-gradient(90deg, transparent 50%, #F4DE37 50%) 90em 0, linear-gradient(60deg, transparent 46%, #F46837 46%, #F46837 54%, transparent 54%) 100em 10em, linear-gradient(-60deg, transparent 46%, #F46837 46%, #F46837 54%, transparent 54%) 100em 10em; background-size: 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 200em 200em, 100em 100em, 100em 100em; background-color: #F4DE37; font-size: 1px;
Reset
Cute skull
Tweet
snowflakes
Useless CSS3 Patterns
alegria
© 2012
eCSSpert.com
Submit your CSS3 pattern via Twitter
@ecsspert