Css Gradient Rounded Borders

This example shows how CSS gradients can be applied to a rounded border.

Made with: HTML,CSS

View Code

Border Inset

Trying to achieve an inset border effect around a block of text.

Made with: HTML,CSS (SCSS)

View Code

Fancy Border Box

Made with: HTML (Haml),CSS (SCSS)

View Code

Hand Drawn Border Effects

A one line border-radius technique.

Made with: HTML,CSS

View Code

Jagged Border

Made with: HTML,CSS (Less)

View Code

8-Bit Borders Using Shadows

8-bit borders using multiple CSS3 shadows and a little of Sass.

Made with: HTML,CSS (SCSS)

View Code

Comic Style Border

Made with: HTML,CSS

View Code

Border-Radius Weave

Made with: HTML,CSS (Sass)

View Code