CSS Gradient Effect


  • <head runat="server">
        <title>CSS div background gradient effect</title>
        <style >
            hmtl, body
            {
                font-family: Verdana;
                font-weight: 1.1em;
            }
            #divEffect
            {
                background-color: #eee;
                background: -moz-linear-gradient(top, #eee, #999);
                background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#999));
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#eee, endColorstr=#999, GradientType=1)";
                filter: progid:DXImageTransform.Microsoft.Gradient(
                    StartColorStr='#eeeeee', EndColorStr='#999999', GradientType=0);
                color: #000000;
                padding: 15px;
                min-height: 250px;
                width: 400px;
            }
           
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <h2>
                CSS div background gradient effect</h2>
            <div id="divEffect">
                &nbsp; Welcome to aspxtutorial.com
            </div>
          
        </div>
        </form>
    </body>


Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Popular Posts of the Week

    Optimum Creative