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:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Captain America's shield CSS

    CSSDeck G+