Ajax Loader
×

CSS3 Jeans Pocket

A jeans pocket made with CSS(3). Although, this creation depends upon the background pattern used. I used the jeans pattern here and created the pocket using CSS3 techniques. The main trick in creating this was the transparent radial-gradient background and the use of box-shadows. These two tricks makes the pocket look very realistic.

The stitches are done using 2px dashed border. This border is applied to the :after and :bofore pseudo elements so that more stitches can be created without using extra elements. 

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS3 Jeans Pocket

    CSSDeck G+