[ds12] cross browser gradient

This commit is contained in:
payload 2012-06-28 23:45:33 +02:00
parent 04ffb35e78
commit 1b202977bb
1 changed files with 34 additions and 2 deletions

View File

@ -70,14 +70,46 @@ body {
box-shadow: 0em -0.1em 0.4em #CCC;
}
#device-2 {
/* bark!! */
background: #222;
background: -moz-linear-gradient(
200deg,
rgb(174, 188, 191) 0,
rgb(110, 119, 116) 230pt,
rgb(26, 30, 26) 231pt,
rgb(10, 8, 9) 100%)
repeat scroll 0% 0% transparent;
rgb(10, 8, 9) 100%); /* FF3.6+ */
background: -webkit-gradient(
linear,
right top,
left bottom,
color-stop(0, rgb(174, 188, 191)),
color-stop(230pt, rgb(110, 119, 116)),
color-stop(231pt, rgb(26, 30, 26)),
color-stop(100%, rgb(10, 8, 9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(
200deg,
rgb(174, 188, 191) 0,
rgb(110, 119, 116) 230pt,
rgb(26, 30, 26) 231pt,
rgb(10, 8, 9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(
200deg,
rgb(174, 188, 191) 0,
rgb(110, 119, 116) 230pt,
rgb(26, 30, 26) 231pt,
rgb(10, 8, 9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(
200deg,
rgb(174, 188, 191) 0,
rgb(110, 119, 116) 230pt,
rgb(26, 30, 26) 231pt,
rgb(10, 8, 9) 100%); /* IE10+ */
background: linear-gradient(
200deg,
rgb(174, 188, 191) 0,
rgb(110, 119, 116) 230pt,
rgb(26, 30, 26) 231pt,
rgb(10, 8, 9) 100%); /* W3C */
}
#screen { background: white; }
#screen-top { min-height: 1000px; }