(Not reviewed.)
authormjs@apple.com <mjs@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 8 Apr 2010 06:13:50 +0000 (06:13 +0000)
committermjs@apple.com <mjs@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 8 Apr 2010 06:13:50 +0000 (06:13 +0000)
Random demo to look cool on twitter.

* misc/gradient-input.html: Added.

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@57251 268f45cc-cd09-0410-ab3c-d52691b4dbfc

WebKitSite/ChangeLog
WebKitSite/misc/gradient-input.html [new file with mode: 0644]

index 36b0ba2c9759004f19cbbf8fcc503285d6b567a8..a7fd828688449b939a3b14def1bbfb8a62071251 100644 (file)
@@ -1,3 +1,11 @@
+2010-04-07  Maciej Stachowiak  <mjs@apple.com>
+
+        (Not reviewed.)
+
+        Random demo to look cool on twitter.
+
+        * misc/gradient-input.html: Added.
+
 2010-04-04  Pavel Feldman  <pfeldman@chromium.org>
 
         (Not reviewed).
diff --git a/WebKitSite/misc/gradient-input.html b/WebKitSite/misc/gradient-input.html
new file mode 100644 (file)
index 0000000..5cd2ac8
--- /dev/null
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<head>
+<title>Gradient text field</title>
+<style>
+.fancy {
+    border: 0px;
+    padding: 5px 10px 5px 10px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066FF), to(#0058DB), color-stop(.4,#ADCEFF));
+    background-image: -moz-linear-gradient(19% 75% 90deg, #0058DB, #ADCEFF, #0066FF 60%);
+    height: 30px;
+    width: 300px;
+    font-size: 1em;
+    color: white;
+    -webkit-box-shadow: 2px 2px 2px #666666;
+    -moz-box-shadow: 2px 2px 2px #666666;
+    text-shadow: 2px 2px 2px #666666;
+}
+</style>
+</head>
+<body>
+<p>This is a highly styled text field with a linear gradient background.</p>
+<input type=text class=fancy value="What a fancy text field!">
+</body>