Moz Gradient Function, |
Using Moz gradient Function w angle |
|
|
|
Moz also has moz-radial-gradient and moz-repeating-gradient |
Moz gradient with stop colors Red header line, with coral fade for text, could add yellow border -moz-linear-gradient( top, yellow, red 2em, coral 20%, rgba(255, 127, 80, 0.3) 90%, red, yellow); Coral Pastel not working. |
| red fade to transparent
Colorzilla Gradient Generator Also accesible from tools --> colorzilla Setting first and last color red (could use coral or salmon) Last opactiy (top icon) set to 0% Orientation Vertical, Set height and width to 100% |
imported css code for moz angle Gradient Note angles didn't import, but Colorzilla still has very good import |
|
|
White text should look good, San Serif is better light Gray also |
| Found a red/orange and yellow I liked Used Colorzilla tools --> ColorZilla --> eyedropper Clipboard Copied #color into Colorzilla GradientGen |
Using X11 Color Names, Mimicing Viewgraphs |
This is a H3 Yellow Gradient ColorThis is Same Color Gradient StartSan Serif is better Off Course Black will work, had to edit in DW code view mode. Should add black highlights to flame but we have three colors to use in H8, can always use a color site palette like kuler.adobe.comSan Serif is better |
|
Added div, and modified this image, found on the Web |
Should use a color site to get RGB values, Enhanced Viewgraph with angle, not sure how to do other browsers background: -moz-linear-gradient(top left -45deg, black, purple, blue ); |
|
|
|
| Full Browser Radial Gradient Using css-tricks.com |
css3please.com Realtime can Edit CSS Code, Can set radius, gradient, border, can add extra colors with stop values |