Captain America's shield CSS
This is a very simple Captain America's Shield created in CSS3. It uses two divs, first one for the background gradient and the second one for the main shield design. For the star, HTML's character ★
is used. The shield's design is achieved using the :after
and :before
pseudo elements.
The position of star can slightly vary in different browsers but it will look fine in every major browser.