CSSOCCER JERSEYS

This is just an experiment that aims to recreate the design of several soccer jerseys using CSS background gradients and blend modes. Tested in the last version of Google Chrome, no guarantees on other browsers.

• - All jersey designs and shading must be generated via CSS
• - Use CSS only, no JS (JS just for showing team names in this demo)
• - Use only 1 DIV per jersey (additional elements just for showing team names via JS)
• - Use SVG just for shape masking. No color, shade or effect applied
• - Don't load external resources
• - Don't use images or background images
• - Don't use type

View project on Github
Comments? Suggestions? Drop me a line at hola@untallucas.com or in the Github repo.

Inspired by Ana Tudor and her CSS the world... flags! challenge. Follow her if you are in CSS.