Ajax Loader
×

CSS3 Peely Sticker

All of the positions, sizes and gradients are relative to the container width and height so you can resize the container and everything will scale seamlessly. The base shape for the sticker (circle with top sliced off) was achieved by creating a circle, then wrapping that in a div with a smaller height and overflow: hidden;. To make the drop shadow for the fold I created another identical fold underneath it, then coloured it black, gave it a bigger dropshadow and made it a bit smaller and more oval shaped.

 

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS3 Peely Sticker

    CSSDeck G+