diff --git a/test/cases/linear-gradient.css b/test/cases/linear-gradient.css index a9f2b251..d89f215c 100644 --- a/test/cases/linear-gradient.css +++ b/test/cases/linear-gradient.css @@ -48,29 +48,29 @@ body { background: linear-gradient(top, #fff 0, #000 100%), #fff; } body { - -webkit-border-image: -webkit-linear-gradient(top, #fff 0%, #000 100%) 20% stretch stretch; - -moz-border-image: -moz-linear-gradient(top, #fff 0%, #000 100%) 20% stretch stretch; - -o-border-image: -o-linear-gradient(top, #fff 0%, #000 100%) 20% stretch stretch; - border-image: linear-gradient(top, #fff 0%, #000 100%) 20% stretch stretch; + -webkit-border-image: -webkit-linear-gradient(top, #fff 0, #000 100%) 20% stretch stretch; + -moz-border-image: -moz-linear-gradient(top, #fff 0, #000 100%) 20% stretch stretch; + -o-border-image: -o-linear-gradient(top, #fff 0, #000 100%) 20% stretch stretch; + border-image: linear-gradient(top, #fff 0, #000 100%) 20% stretch stretch; } body { - cursor: -webkit-linear-gradient(40deg, #f00 0%, #0f0 100%); - cursor: -moz-linear-gradient(40deg, #f00 0%, #0f0 100%); - cursor: -ms-linear-gradient(40deg, #f00 0%, #0f0 100%); - cursor: -o-linear-gradient(40deg, #f00 0%, #0f0 100%); - cursor: linear-gradient(40deg, #f00 0%, #0f0 100%); + cursor: -webkit-linear-gradient(40deg, #f00 0, #0f0 100%); + cursor: -moz-linear-gradient(40deg, #f00 0, #0f0 100%); + cursor: -ms-linear-gradient(40deg, #f00 0, #0f0 100%); + cursor: -o-linear-gradient(40deg, #f00 0, #0f0 100%); + cursor: linear-gradient(40deg, #f00 0, #0f0 100%); } body { - list-style: -webkit-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style: -moz-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style: -ms-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style: -o-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style: linear-gradient(40deg, #f00 0%, #0f0 100%); + list-style: -webkit-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style: -moz-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style: -ms-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style: -o-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style: linear-gradient(40deg, #f00 0, #0f0 100%); } body { - list-style-image: -webkit-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style-image: -moz-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style-image: -ms-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style-image: -o-linear-gradient(40deg, #f00 0%, #0f0 100%); - list-style-image: linear-gradient(40deg, #f00 0%, #0f0 100%); + list-style-image: -webkit-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style-image: -moz-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style-image: -ms-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style-image: -o-linear-gradient(40deg, #f00 0, #0f0 100%); + list-style-image: linear-gradient(40deg, #f00 0, #0f0 100%); } diff --git a/test/cases/multiple-gradients.css b/test/cases/multiple-gradients.css index bd803b58..21c4da12 100644 --- a/test/cases/multiple-gradients.css +++ b/test/cases/multiple-gradients.css @@ -1,28 +1,28 @@ .test1 { - background: -webkit-linear-gradient(top, #fff 0%, #000 100%), -webkit-linear-gradient(bottom, #000 0%, #fff 100%); - background: -moz-linear-gradient(top, #fff 0%, #000 100%), -moz-linear-gradient(bottom, #000 0%, #fff 100%); - background: -o-linear-gradient(top, #fff 0%, #000 100%), -o-linear-gradient(bottom, #000 0%, #fff 100%); - background: -ms-linear-gradient(top, #fff 0%, #000 100%), -ms-linear-gradient(bottom, #000 0%, #fff 100%); - background: linear-gradient(top, #fff 0%, #000 100%), linear-gradient(bottom, #000 0%, #fff 100%); + background: -webkit-linear-gradient(top, #fff 0, #000 100%), -webkit-linear-gradient(bottom, #000 0, #fff 100%); + background: -moz-linear-gradient(top, #fff 0, #000 100%), -moz-linear-gradient(bottom, #000 0, #fff 100%); + background: -o-linear-gradient(top, #fff 0, #000 100%), -o-linear-gradient(bottom, #000 0, #fff 100%); + background: -ms-linear-gradient(top, #fff 0, #000 100%), -ms-linear-gradient(bottom, #000 0, #fff 100%); + background: linear-gradient(top, #fff 0, #000 100%), linear-gradient(bottom, #000 0, #fff 100%); } .test2 { - background: #fff -webkit-linear-gradient(top, #000 0%, #fff 100%) 0 0 no-repeat, -webkit-linear-gradient(bottom, #000 0%, #fff 100%) 10px bottom repeat-y; - background: #fff -moz-linear-gradient(top, #000 0%, #fff 100%) 0 0 no-repeat, -moz-linear-gradient(bottom, #000 0%, #fff 100%) 10px bottom repeat-y; - background: #fff -o-linear-gradient(top, #000 0%, #fff 100%) 0 0 no-repeat, -o-linear-gradient(bottom, #000 0%, #fff 100%) 10px bottom repeat-y; - background: #fff -ms-linear-gradient(top, #000 0%, #fff 100%) 0 0 no-repeat, -ms-linear-gradient(bottom, #000 0%, #fff 100%) 10px bottom repeat-y; - background: #fff linear-gradient(top, #000 0%, #fff 100%) 0 0 no-repeat, linear-gradient(bottom, #000 0%, #fff 100%) 10px bottom repeat-y; + background: #fff -webkit-linear-gradient(top, #000 0, #fff 100%) 0 0 no-repeat, -webkit-linear-gradient(bottom, #000 0, #fff 100%) 10px bottom repeat-y; + background: #fff -moz-linear-gradient(top, #000 0, #fff 100%) 0 0 no-repeat, -moz-linear-gradient(bottom, #000 0, #fff 100%) 10px bottom repeat-y; + background: #fff -o-linear-gradient(top, #000 0, #fff 100%) 0 0 no-repeat, -o-linear-gradient(bottom, #000 0, #fff 100%) 10px bottom repeat-y; + background: #fff -ms-linear-gradient(top, #000 0, #fff 100%) 0 0 no-repeat, -ms-linear-gradient(bottom, #000 0, #fff 100%) 10px bottom repeat-y; + background: #fff linear-gradient(top, #000 0, #fff 100%) 0 0 no-repeat, linear-gradient(bottom, #000 0, #fff 100%) 10px bottom repeat-y; } .test3 { - background-image: -webkit-linear-gradient(top, #fff 0%, #000 100%), url("a.png"), -webkit-linear-gradient(bottom, #000 0%, #fff 100%); - background-image: -moz-linear-gradient(top, #fff 0%, #000 100%), url("a.png"), -moz-linear-gradient(bottom, #000 0%, #fff 100%); - background-image: -o-linear-gradient(top, #fff 0%, #000 100%), url("a.png"), -o-linear-gradient(bottom, #000 0%, #fff 100%); - background-image: -ms-linear-gradient(top, #fff 0%, #000 100%), url("a.png"), -ms-linear-gradient(bottom, #000 0%, #fff 100%); - background-image: linear-gradient(top, #fff 0%, #000 100%), url("a.png"), linear-gradient(bottom, #000 0%, #fff 100%); + background-image: -webkit-linear-gradient(top, #fff 0, #000 100%), url("a.png"), -webkit-linear-gradient(bottom, #000 0, #fff 100%); + background-image: -moz-linear-gradient(top, #fff 0, #000 100%), url("a.png"), -moz-linear-gradient(bottom, #000 0, #fff 100%); + background-image: -o-linear-gradient(top, #fff 0, #000 100%), url("a.png"), -o-linear-gradient(bottom, #000 0, #fff 100%); + background-image: -ms-linear-gradient(top, #fff 0, #000 100%), url("a.png"), -ms-linear-gradient(bottom, #000 0, #fff 100%); + background-image: linear-gradient(top, #fff 0, #000 100%), url("a.png"), linear-gradient(bottom, #000 0, #fff 100%); } .test4 { - background: -webkit-linear-gradient(bottom, #000 0%, #fff 100%), -webkit-linear-gradient(top, #fff 0%, #000 100%); - background: -moz-linear-gradient(bottom, #000 0%, #fff 100%), -moz-linear-gradient(top, #fff 0%, #000 100%); - background: -o-linear-gradient(bottom, #000 0%, #fff 100%), -o-linear-gradient(top, #fff 0%, #000 100%); - background: -ms-linear-gradient(bottom, #000 0%, #fff 100%), -ms-linear-gradient(top, #fff 0%, #000 100%); - background: linear-gradient(bottom, #000 0%, #fff 100%), linear-gradient(top, #fff 0%, #000 100%); + background: -webkit-linear-gradient(bottom, #000 0, #fff 100%), -webkit-linear-gradient(top, #fff 0, #000 100%); + background: -moz-linear-gradient(bottom, #000 0, #fff 100%), -moz-linear-gradient(top, #fff 0, #000 100%); + background: -o-linear-gradient(bottom, #000 0, #fff 100%), -o-linear-gradient(top, #fff 0, #000 100%); + background: -ms-linear-gradient(bottom, #000 0, #fff 100%), -ms-linear-gradient(top, #fff 0, #000 100%); + background: linear-gradient(bottom, #000 0, #fff 100%), linear-gradient(top, #fff 0, #000 100%); }