Make the analysis page more useful
[WebKit-https.git] / Websites / webkit.org / misc / gradient-input.html
1 <!DOCTYPE html>
2 <head>
3 <title>Gradient text field</title>
4 <style>
5 .fancy {
6     border: 0px;
7     padding: 5px 10px 5px 10px;
8     -webkit-border-radius: 10px;
9     -moz-border-radius: 10px;
10     border-radius: 10px;
11     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066FF), to(#0058DB), color-stop(.4,#ADCEFF));
12     background-image: -moz-linear-gradient(19% 75% 90deg, #0058DB, #ADCEFF, #0066FF 60%);
13     height: 30px;
14     width: 300px;
15     font-size: 1em;
16     color: white;
17     -webkit-box-shadow: 2px 2px 2px #666666;
18     -moz-box-shadow: 2px 2px 2px #666666;
19     text-shadow: 2px 2px 2px #666666;
20 }
21 </style>
22 </head>
23 <body>
24 <p>This is a highly styled text field with a linear gradient background.</p>
25 <input type=text class=fancy value="What a fancy text field!">
26 </body>