Free Fading Corner Images

I see more and more fading corners every day, so I decided to put together some freebies, since they are becoming popular.

You will notice that all of these are white, but I included a Photoshop source file in each download so you can customize them. It seems to me that a lot of people are looking for these so, I thought I would do a good deed and help everyone out.

I tried to mix up the sizes a bit by making 2 different corner radii, as well as vertical, horizontal, and 2 border styles. If you like what you see here, and you absolutely do not have a way to customize it, leave a comment and specify a color in hex format, and I’ll see what I can do.

Note: The .png’s provided here have transparent backgrounds so you can place them on top of any color you want. (Some browsers don’t support .png transparency, I suggest customizing the psd and saving you own image if you need a different color.)

Download ALL at once:

Does not include Requested Colors. Download those seperately.

4px Radius Corners:

1. [308 X 150] 4px Corner radius, 1px fading stroke #CCCCCC

Download Includes: .psd, .gif, .jpg, .png

2. [332 X 127] 4px Corner radius, fading drop shadow

Download Includes: .psd, .gif, .jpg, .png

3. [246 X 198] 4px Corner radius, fading drop shadow

Download Includes: .psd, .gif, .jpg, .png

4. [120 X 150] 4px Corner radius, 1px fading stroke #CCCCCC

Download Includes: .psd, .gif, .jpg, .png

8px Radius Corners:

5. [326 X 160] 8px Corner radius, 1px fading stroke #CCCCCC

Download Includes: .psd, .gif, .jpg, .png

6. [370 X 184] 8px Corner radius, fading drop shadow

Download Includes: .psd, .gif, .jpg, .png

7. [370 X 240] 8px Corner radius, fading drop shadow

Download Includes: .psd, .gif, .jpg, .png

8. [119 X 146] 8px Corner radius, 1px fading stroke #CCCCCC

Download Includes: .psd, .gif, .jpg, .png

Related Posts: Web Design Trend: the fading corner

REQUESTED:

1. [398 X 248] 8px Corner radius, fading drop shadow, background color #6699CC

Download Includes: .psd, .gif, .jpg, .png

Related Posts: Web Design Trend: the fading corner, CSS for Fading Corners

Among online businesses one can find home affiliate business an exceptional one along the business of banner advertising, as they directly relates to other online businesses and due to money making potential attract the world. The business of hosting service providers as well as the work of firms who register domains increases with the expansion of the affiliate programs. The demand of affiliate software as well as need of internet phone service provide boost to software houses as well. Along online business one can benefit from online certification as well and run it on international standards.

Related Posts:

1. Fading Corners using a Background Gradient
2. Web Design Trend: Fading Corners
3. CSS for Fading Corners
4. Free Vector Fading Corner
5. Illustrator Tutorial: How to make a Vector Glass Button

59 Responses to “Free Fading Corner Images”

1. Jon Zencovich, on January 19th, 2007 at 11:14 am

   Giving back to the community eh? It’s truly appreciated buddy. Any little thing helps. Keep up the good work!

   –Jon Z

2. mcd, on January 19th, 2007 at 12:18 pm

   so, how does one use these?

3. JaCat, on January 19th, 2007 at 12:48 pm

   por favor make with background #6699CC… gracias!~

4. baldo, on January 19th, 2007 at 1:33 pm

   goooooood job :)
   (visit my site for some ajax gif icons)

5. Matt, on January 19th, 2007 at 1:35 pm

   Just one thing.
   Please, please, please don’t call this “Web 2.0″.
   How does it have anything to do with Web 2.0?
   Sure, it’s a trendy design element, but it is in no way related with “Web 2.0″.

   Thanks for sharing though.

6. P3nd3Ho, on January 19th, 2007 at 1:37 pm

   now can you show me how to use them?

7. The Web Design Blog, on January 19th, 2007 at 2:44 pm

   […] Just a bunch of images for use on fading corner effects. All free. Link « PHP programming basics   […]

8. Ian, on January 19th, 2007 at 2:55 pm

   Hey thanks for the files. Also I was curious whether you have any special settings for outputting files with transparency. I’ve tried it a few times and i seem to get ugly sharp edges and other problems.

9. DesignStage.Net, on January 19th, 2007 at 3:06 pm

   hmm….thanks…

10. IAMWW | blog / links for 2007-01-20, on January 19th, 2007 at 7:39 pm

    […] BittBox ? Web 2.0: Free Fading Corner Images (tags: CSS design corners graphics webdesign web2.0 images WebDev free howto HTML image resource resources tips tricks web photoshop development) […]

11. Luis, on January 19th, 2007 at 8:07 pm

    I plan to use this, if possible. Demo, please.

12. CH, on January 19th, 2007 at 10:45 pm

    Son tan elegantes que estoy considerando incorporarlos en el dise?o de mi sitio.

    Saludos

13. siong1987, on January 19th, 2007 at 10:54 pm

    This helps me to create my new theme for my blog.

14. Joshua Powell, on January 20th, 2007 at 1:16 am

    You have saved me some time - I was just about to make some of these for some new sites.

    So thanks!

15. bittBox, on January 20th, 2007 at 1:24 am

    There is a new post on how to use these images with CSS:

    http://www.bittbox.com/?p=94

    ~bittbox

16. ?????? ??????? ??? fading corners : Webzone, on January 20th, 2007 at 11:25 am

    […] ??? Bittbox ???? ??? ???? ????? ??????? ?? fading corners ??? ?? blog ? ?? site ???. ?????? ????? ??? ?????? ?? design (web 2.0) ???? ????? ?????? ????????? ? ?????????? ????????? ?? ?? ????? ??? download ???? ???? ????? ??? ??????? ??? ??? ????? designer ?? ?????? ?? ?? ?????????????? . Tags:blog css Design web 2.0 […]

17. Vic, on January 20th, 2007 at 9:51 pm

    You have been dug!!
    congrats

18. sastgroup.com » Blog Archive » Free Fading Corner Images, on January 21st, 2007 at 8:12 am

    […] Link: http://www.bittbox.com/?p=84 Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages. […]

19. Jonathan Ploudre, on January 21st, 2007 at 2:38 pm

    If appears that these files are much bigger than they need to be. Maybe they have the resource fork for a Mac. I resaved the gif as web ready and the size dropped from 44 kb to 2 kb.

20. Charles, on January 21st, 2007 at 7:07 pm

    I’m just learning web design. Thanks for making things like this available so that non-professionals like myself can make use of them.

21. JaCat, on January 22nd, 2007 at 8:16 am

    gracias! Salud BittBox!

22. baldo, on January 25th, 2007 at 1:01 am

    u deleted my comment?
    :P

23. bittBox, on January 25th, 2007 at 4:54 pm

    Baldo, if I did, I assure you it was not intentional, and I appoligize.

24. The Lab47 » 10 CSS guider, on January 26th, 2007 at 3:17 am

    […] Link […]

25. Verblassende Eckbilder at ogeeBloggin’, on January 31st, 2007 at 12:59 pm

    […] voneinander abgrenzen… BittBox bietet 8 unterschiedliche Beispiele zum kostenlosen Download […]

26. links for 2007-01-23 en newdisco, on January 31st, 2007 at 5:39 pm

    […] BittBox ? Free Fading Corner Images Descarga gratis de esquinas redondeadas. (tags: roundedcorners rounded+boxes rounded) […]

27. Lucas, on February 3rd, 2007 at 8:12 am

    Nice! I used them on my site. The site is still work in progress and the fading corners where a very big help. My site can be found at http://www.forensischepsychiatrie.nl

28. xocea » Web Design News: January 2007, on February 6th, 2007 at 7:37 pm

    […] Web 2.0: Free Fading Corner Images for your CSS […]

29. JULIAN, on February 17th, 2007 at 9:58 pm

    hola, hello quiero download

30. Bulent, on February 21st, 2007 at 11:37 pm

    Good job. Thanks..

31. john krieger, on February 26th, 2007 at 7:26 pm

    Qoute” :Note: The .png?s provided here have transparent backgrounds so you can place them on top of any color you want. (Some browsers don?t support .png transparency, I suggest customizing the psd and saving you own image if you need a different color.)”

    Png are supported via a hack in IE. Check out 1penguin.com/mps/index.html for an example of how png can handle in IE with a Java script hack. Firefox does handle PNG’s without any browser hacks.

32. links for 2007-01-20 - IAMWW, on March 3rd, 2007 at 1:30 pm

    […] BittBox ? Web 2.0: Free Fading Corner Images […]

33. RubixCube, on March 12th, 2007 at 1:38 am

    Ummm….just to let you know….the download buttons….aren’t linked to anything!!

    So, yeah….and “right-click” > ‘Save Image As…’ doesn’t do any good because the images shown are .jpg….

    Just thought I’d bring it up…

34. Mode Noir, on March 26th, 2007 at 9:11 am

    I’m REALLY new at illustrator and wanted to try my hand at making these things. It took me quite a while to get it down and I’m wondering if there was an easier way to make them. Here’s what I did:

    I made a rectangle with a white fill and 1px faint grey stroke, then applied a drop shadow with the desired effect. I then created two white rectangles with no stroke to cover the right and bottom sides, as I found that deleting the paths just made it a weird triangle with the dropshadow along the slant. I then created an opacity mask for the top with a white to black gradiant, as well as for the left side.

    Mind you it took me about an hour to figure out how to do all that, and I could probably recreate it now in a couple minutes (though I haven’t figured out the best way to try the colored background with it, though I have an idea). Is there a quicker / cleaner way to achieve this styled corner?

35. ohnzqspeaw, on May 27th, 2007 at 5:08 am

    Hello! Good Site! Thanks you! xxqfoepbhawz

36. vgzrlqskfe, on May 27th, 2007 at 10:14 pm

    limbke

37. 30 Resources to Create Your Own Web 2.0 Site - Simplehelp, on June 20th, 2007 at 5:31 pm

    […] bittbox - fading corner images […]

38. website designing delhi, on June 27th, 2007 at 12:34 am

    thanks

    Really good resoures. easy to use and implement

39. Abu, on July 8th, 2007 at 6:43 am

    Very generous! Thank you.

40. Rub?n Casalta » Free Fading Corner Images, on July 11th, 2007 at 12:41 am

    […] –>> Panxo pinxa <<– […]

41. Web 2.0: Free Fading Corner Images for your CSS « See the Post, on July 31st, 2007 at 10:53 pm

    […] read more | digg story Posted by seethepost Filed in news […]

42. ?????? ??????? ??? fading corners | Webz, on August 13th, 2007 at 3:42 pm

    […] Bittbox ???? ??? ???? ????? ??????? ?? fading corners ??? ?? blog ? ?? site ???. ?????? ????? ??? ?????? ?? design (web […]

43. epasser, on September 16th, 2007 at 9:06 am

    that’s what I need

44. Tuesday, on November 21st, 2007 at 3:06 am

    Hi.

    I tried changing the color to light blue but it seems like it lost the fading effect.

    Also, I am trying to make a background (just a rectangular jpg image that will be placed in powerpoint). It should be fading on the sides such that its colors are mixing with the backgruound of the ppt.

    Hope you can help me. Thanks.

45. Sikandar Aazam, on November 26th, 2007 at 4:38 am

    Really good resources. Thanks you!

46. Anewlis | Portfolio » Blog Archive » The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007, on January 4th, 2008 at 10:28 am

    […] Free Fading Corner Images - Who can turn down free corner images? Bittbox hooks it up once again by giving designers some trendy fading corners for our web2.0-ified site. […]

47. The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007 « arcagility, on January 14th, 2008 at 4:01 am

    […] Free Fading Corner Images - Who can turn down free corner images? Bittbox hooks it up once again by giving designers some trendy fading corners for our web2.0-ified site. […]

48. 2007?????50??????????????? | ?????, on January 14th, 2008 at 4:48 am

    […] Free Fading Corner Images - Who can turn down free corner images? Bittbox hooks it up once again by giving designers some trendy fading corners for our web2.0-ified site. […]

49. Estetik, on January 22nd, 2008 at 6:34 pm

    thanx

50. Download Devanagari Fonts, Chinese Fonts, Graffiti Fonts Free | Download Web 2.0 PSD Source Files, on February 1st, 2008 at 10:20 am

    […] bittbox - fading corner images […]

51. Foxinni - Wordpress Designer, on February 2nd, 2008 at 9:07 am

    Insane post. Very nice preset corners. Saving the link right now!

52. Readerslab » The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007, on February 26th, 2008 at 5:48 am

    […] Free Fading Corner Images - Who can turn down free corner images? Bittbox hooks it up once again by giving designers some trendy fading corners for our web2.0-ified site. […]

53. Real Estate Postcards Guy, on February 28th, 2008 at 4:40 pm

    that’s what I need too! You guys are super awesome!!

54. 2007?????50??????????????? | Blue apps !, on March 12th, 2008 at 4:22 am

    […] Free Fading Corner Images - Who can turn down free corner images? Bittbox hooks it up once again by giving designers some trendy fading corners for our web2.0-ified site. […]

55. vishal, on March 13th, 2008 at 1:57 am

    I got exactly what I was looking for … it is really good contents… thanks a ton!!

56. Trisha, on March 15th, 2008 at 5:05 pm

    You rock! Thank soooooooooooooo much for doing this!

57. Roundup of Free Graphics/Icons/Background Generators |, on March 30th, 2008 at 9:11 am

    […] Free Fading Corner Images […]

58. Got an <idea>? » Blog Archive » Fading hoeken, on April 29th, 2008 at 6:54 am

    […] Hier kun je zien hoe! […]

59. BMD-Media.com, on May 1st, 2008 at 12:15 am

    Those add a nice touch to any design

Leave a Reply