Design your way

Monday, January 26, 2015

Gradients play an essential role in web design. There are many different possibilities of gradients that you can use, such as linear or radial. You can use a wide variety of shades and colors to add interest and depth.


Gradients are very important to making your website unique and attractive. No matter how you choose to do your gradients, it will make your website stand out amongst all the other websites.


Consider using the CSS gradients instead of a background image, because using a background image can be difficult. Even though it is difficult, it can still be done while you are integrating responsive design in your CSS.


The use of gradients has greatly increased among website designers in the last few years. This is because it has never been easier to use the CSS3 styling attributes. This allows almost anyone to be able to add gradients to their website.


Gradients also provide a great visual appeal to your site. However, it is important to remember to use your gradients within reason and not go too overboard with their use.


In this article you will see a showcase of websites who use gradients in their website design, mostly in their background. Some of these sites use CSS3 gradients while other simply apply them to an image. If you’ve ever thought of using this effect on one of the websites that you are working on, this is the inspiration that you need.


Resources


Besides the actual inspiration, I thought it would be helpful to you to have a few resources for this interesting effect, to save you some time searching for these.


UI Gradients

uigradients


CSS Gradient Generator

CSS Gradient Generator


CSS3 Gradient Backgrounds

CSS3 Gradient Backgrounds


Colorful Gradients

Colorful Gradients


Inspiration


andershede.com

andershede.com


filament.io

filament.io


dynamicyield.com

dynamicyield.com


scontify.com

scontify.com


melanie-f.com

melanie-f.com


stripe.com

stripe.com


lab19digital.com

lab19digital.com


last.co

last.co


goinfinitus.com

goinfinitus.com


Flight

Flight


pushh.co

pushh.co


Gradiente

Gradiente


designbyday.co.uk

designbyday.co.uk


tiptaplab.com

tiptaplab.com


monodraw.helftone.com

monodraw.helftone.com


Sturlly

Sturlly


Colormuse

Colormuse


AppEx

AppEx








Source: http://ift.tt/1ykAeDT

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading