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:
4px Radius Corners:
1. [308 X 150] 4px Corner radius, 1px fading stroke #CCCCCC
2. [332 X 127] 4px Corner radius, fading drop shadow
3. [246 X 198] 4px Corner radius, fading drop shadow
4. [120 X 150] 4px Corner radius, 1px fading stroke #CCCCCC
8px Radius Corners:
5. [326 X 160] 8px Corner radius, 1px fading stroke #CCCCCC
6. [370 X 184] 8px Corner radius, fading drop shadow
7. [370 X 240] 8px Corner radius, fading drop shadow
8. [119 X 146] 8px Corner radius, 1px fading stroke #CCCCCC
Related Posts: Web Design Trend: the fading corner
REQUESTED:
1. [398 X 248] 8px Corner radius, fading drop shadow, background color #6699CC
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:
- Fading Corners using a Background Gradient
- Web Design Trend: Fading Corners
- CSS for Fading Corners
- Free Vector Fading Corner
- Illustrator Tutorial: How to make a Vector Glass Button
- 30 Free Fading Background Images
Loading ...
Giving back to the community eh? It’s truly appreciated buddy. Any little thing helps. Keep up the good work!
–Jon Z
so, how does one use these?
por favor make with background #6699CC… gracias!~
goooooood job :)
(visit my site for some ajax gif icons)
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.
now can you show me how to use them?
[...] Just a bunch of images for use on fading corner effects. All free. Link « PHP programming basics [...]
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.
hmm….thanks…
[...] 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) [...]
I plan to use this, if possible. Demo, please.
Son tan elegantes que estoy considerando incorporarlos en el dise?o de mi sitio.
Saludos
This helps me to create my new theme for my blog.
You have saved me some time - I was just about to make some of these for some new sites.
So thanks!
There is a new post on how to use these images with CSS:
http://www.bittbox.com/?p=94
~bittbox
[...] ??? Bittbox ???? ??? ???? ????? ??????? ?? fading corners ??? ?? blog ? ?? site ???. ?????? ????? ??? ?????? ?? design (web 2.0) ???? ????? ?????? ????????? ? ?????????? ????????? ?? ?? ????? ??? download ???? ???? ????? ??? ??????? ??? ??? ????? designer ?? ?????? ?? ?? ?????????????? . Tags:blog css Design web 2.0 [...]
You have been dug!!
congrats
[...] 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. [...]
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.
I’m just learning web design. Thanks for making things like this available so that non-professionals like myself can make use of them.
gracias! Salud BittBox!
u deleted my comment?
:P
Baldo, if I did, I assure you it was not intentional, and I appoligize.
[...] Link [...]
[...] voneinander abgrenzen… BittBox bietet 8 unterschiedliche Beispiele zum kostenlosen Download [...]
[...] BittBox ? Free Fading Corner Images Descarga gratis de esquinas redondeadas. (tags: roundedcorners rounded+boxes rounded) [...]
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
[...] Web 2.0: Free Fading Corner Images for your CSS [...]
hola, hello quiero download
Good job. Thanks..
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.
[...] BittBox ? Web 2.0: Free Fading Corner Images [...]
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…
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?
Hello! Good Site! Thanks you! xxqfoepbhawz
limbke
[...] bittbox - fading corner images [...]
thanks
Really good resoures. easy to use and implement
Very generous! Thank you.
[...] –>> Panxo pinxa <<– [...]
[...] read more | digg story Posted by seethepost Filed in news [...]
[...] Bittbox ???? ??? ???? ????? ??????? ?? fading corners ??? ?? blog ? ?? site ???. ?????? ????? ??? ?????? ?? design (web [...]
that’s what I need
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.
Really good resources. Thanks you!
[...] 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. [...]
[...] 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. [...]
[...] 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. [...]
thanx
[...] bittbox - fading corner images [...]
Insane post. Very nice preset corners. Saving the link right now!
[...] 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. [...]
that’s what I need too! You guys are super awesome!!
[...] 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. [...]
I got exactly what I was looking for … it is really good contents… thanks a ton!!
You rock! Thank soooooooooooooo much for doing this!
[...] Free Fading Corner Images [...]
[...] Hier kun je zien hoe! [...]
Those add a nice touch to any design
thank!
thankkk
Elektronik sigara !
Hi these are really good
i want to ask do you know of Transparent psd files, an example would be a album cover they would have a broken glass effect on it…. would you have any by any chance or know where i can get it message me if you got information my email is
aj_nguyen@hotmail.co.uk
Hi these are really good
Hi these are
[...] 49-Free Fading Corner Images [...]
thanks..
[...] 49-Free Fading Corner Images [...]
[...] bittbox - fading corner images [...]
Really great collection, thanks.