Gradcolor is a website that creates in 10 seconds gradients colors pictures for website use by example. If you don't yet
have a website then we recommend findind help from WHS - the guide to affordable web hosting
Step 1 : Choose a size for the picture, the mode, and the two (or three,four) colors of the gradient you want make.
Step 2 : Generate it and see the result (the picture and the html and css code).
Here are gradients members just generated and saved.If you like it you can vote(you must be connected) for.
Last generated
Most voted
Pages : 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
31 32 33 34 35 36 37 38 39
We display all gradients pictures on this page to a size(width*height px) of (100*100 px) but in full screen mode it's the real size.
| Here are options effect you can produce. | |
MODE
Start Gradient will start from Top or LeftFrom top : just choose a height (SIZE) for gradient. From left : just choose a width (SIZE) for gradient. Repeat Simple : image will repeated vertically or horizontally (depends on start mode : top or left)Both : image will repeated vertically and horizontally Attachment : Yes will add into css style this : background-attachment:fixed;
It means that the picture (here the gradient) will be repeated from top or left, but this property will let the picture fixed when you will scroll down the page :
Example 1 : background-attachment fixed Attachment : No will not add into css style the fixed property, a blank could or could not (depends on size of text) be visible at the end (if by example your last color gradient is not white and your background color is white)
Example 2 : with no attachment SIZE
Height choose the height in pixels for the gradient (works with Start:top)
Width choose the width in pixels for the gradient (works with Start:left)
COLORS
You got the choice to create a gradient with 2 colors or 3 or 4.
|
|
|
DESIGN
Example of 4 designs made with gradient.Very helpful to start making a web page.
News (july 9th 2010)
We simplified the options with a slider for height(in top mode) and a slider for width (in left mode).In top mode(picture start from top) you just need to choose height because by default width is 1px. In left mode(picture start from left) it's the width you need to choose because by default height is 1px. Why 1 pixel ? because it doesn't need more to generate it, the picture will be repeated.
FAQ
See more info, tips
© 2010 - Gradcolor.com - V1.8 - Contact - Css3 rounded corner
|
