35+ CSS Corners - Free Code + Demos

With hover animation to fill the border gaps.

My simple approach to inverted rounded corners in CSS.

Using linear-gradients to create the folder corner effect and a pseudo-element to create the flat long shadow. creating a drop shadow using the well...drop-shadow filter. inspired by Lea Verou's awesome book CSS Secrets: http://www.amazon.ca/CSS-Secrets-Solutions-Everyday-Problems/dp/1449...

Read More

Pure CSS bubble corner effect for display short messages at hover.

I spend too much time on archive.org — source : http://archive.org/details/fifteenthbookofs00cincrich

Mentioned in my Scooped Corners in 2018 article on CSS-Tricks - check it out, you might learn something new! 😼 Responsive. Should work in all current versions of all major browsers.

A post-it note that has shadows on opposite corners to simulate lifted corners.

CSS folded corner from CodeAcademy's new site. It looked cool so I hacked it to figure out how it works http://www.codecademy.com/learn

Creating unified compound shapes in CSS using backgrounds, box-shadows, and more. Here's how I fit the puzzle pieces together for a recent design comp, which I wrote about in a guest post for CSS-Tricks: http://css-tricks.com/well-rounded-compound-shapes-css/

http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/

Using only CSS to create borders that wrap around the corners of an element.

An SVG animation using liquid-ish filter techniques and CSS animations

Here is an example of an element with a folded corner. It's made with ":after" pseudo element, clip-path prop and some CSS triangle tricks.

Simple button hover animation. Forked from Eric's Pen Animated Corner Fold.

A different approach to navigation ux. This is built with jQuery, TouchSwipe, Bootstrap, etc.

Playing with the outline property to get some nifty corner and border effects.

CSS only buttons with corner only borders that animate on hover

Trying to work out how Im going to do these with a transparent background, any suggestions other than this?