What is this?
This is the Linear Gradient Tool. The purpose of this tool is to make better buttons looking buttons

How to Use...
Step 1. Play around with this generator.
Step 2. Look at the Preview Box to see if you like.


Start

%
%

End

%
%

Stops

Delete StopAdd Stop

The code

Preview


Using the code in CSS:



<style>
#box {

background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#666666), color-stop(.6,#333));
color:blue;
    resize:none;
    overflow:hidden;
    cursor:text;
    outline:none;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border:1px dashed black;
border-left:1px black;
border-right:1px black;
border-top:1px black;
border-bottom:1px black;
</style>

<div id="box"> This is the box content </div>
Make a Free Website with Yola.