Connect with us

General Web Design

Web Design Trend: Fading Corners

Who needs 4 round corners when you can have 1 or 2 that fade into oblivion?

Fading corners on the mozilla firefox page

There are a few reasons why this is not only kinda cool, but also a good idea for optimizing your site or blog:

1. It just looks cool.

2. It effectively separates content and keeps load times down because the background only loads once and doesn't repeat.

3. It gives you freedom in your layout. Having a border that fades into your background enables you to leave the height and/or width of the column up to the content. For example, if you have a fading corner on the each section of the sidebar in your blog, you can add as many links as you want into that section and your CSS only loads one background image.

4. It makes load times faster and allows for a much more forgiving and fluid design for sites and blogs that get updated often.

5. It enables you to achieve a professional Web 2.0 effect, while giving you plenty of options to add content without changing your CSS.

6. Visually speaking, it effectively integrates the contents of the section into the rest of your site. By fading the color of a section into the background, you are creating a “Visual Connection” to the rest of your content. (Users generally won't notice this on a conscious level, but good to know.)

Is your site “Fadeworthy?”

Fading corners on the Mozilla Firefox page

Fading corners on

Fading corners on

Fading corners on Microsoft's website

Fading corners on Linkedin

Fading corners on CareerBuilder

I'm the editor-in-chief of I'm a designer and developer by day, and a writer and musician when the feeling strikes. I enjoy vintage advertisements and puzzles with an absurd amount of pieces. Follow me on Twitter.

Click to comment

More in General Web Design

Trending This Week

To Top