Ajax Loader
×

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. 

Related:

HTML
 
1
 
 
CSS
 
1
 
 
JavaScript
 
1
 
 

Captain America's shield CSS

CSSDeck G+