Create a Gradient Background Effect

Discussion in 'HTML & Website Design' started by pabin2009, Sep 3, 2009.

  1. #1
    A gradient background effect will display your selected HTML background colors in ascending or descending color variations - from lightest to darkest or darkest to lightest.

    This powerful HTML code effect can be used to give your web pages a unique look and feel. However, it must be used very cautiously.

    Please ensure that you select your HTML web page background colors very carefully, as your text must be clearly visible through the background colors you select.

    In addition, you must select one light color and another color that is several shades lighter in order for this HTML gradient background effect to display properly.

    This effect can be used for your entire web page background, or within your table cells.
    To use the gradient effect as your web page background, use the following BODY tag:

    <body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');">

    To use the gradient effect within your HTML tables, place the following code within your table tag:

    style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"

    Although you can edit the gradient colors indicated in red, keep in mind, in order for the gradient effect to display properly, you must select one light color and another color that is several shades lighter.


    thank you
     
    pabin2009, Sep 3, 2009 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    That is a MSIE proprietary method, and works only for IE.

    cheers,

    gary
     
    kk5st, Sep 3, 2009 IP
  3. Sulan84

    Sulan84 Member

    Messages:
    121
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    28
    #3
    i didnt know that. thank you.
     
    Sulan84, Sep 3, 2009 IP