W3C home > Mailing lists > Public > www-style@w3.org > April 2011

Re: [css3-images] RE: first IE10 preview has gradients

From: Alan Gresley <alan@css-class.com>
Date: Wed, 13 Apr 2011 17:43:11 +1000
Message-ID: <4DA5540F.3010703@css-class.com>
To: Brian Manthos <brianman@microsoft.com>
CC: www-style list <www-style@w3.org>
On 13/04/2011 3:10 PM, Brian Manthos wrote:
> The gradients portion of the spec feels pretty solid -- although
> there are still of number of completeness issues in the various
> implementations, unfortunately.
> As with IE9 previews, feedback is welcome -- but please try to keep
> it below ear-piercing levels.  ;)

It took me 10 minutes to file this bug.


It would be nice if this was the same with Microsoft.

> BTW... Is there a test suite for CSS3 Images, or are we currently at
> zero tests for CSS3 Gradients feature?
> -Brian

There is a testsuite for CSS3 but I don't know if that includes CSS3 Images.

Anyway, how would one create a test case out of the below? How would one 
know if it passes? FF3.6~4.0 and IE9 preview renders the same. Safari 
should if it used the newer syntax.

<!DOCTYPE html>

<style type="text/css">
div {
   height: 200px; width: 200px;
   -moz-border-radius: 100px 100px;
   border-radius: 100px 100px;
   background: #385179;
   background: #385BE1 -webkit-gradient(radial, 125 125, 0, 125 125, 
150, from(rgba(255,255,255,1)), to(rgba(56,91,225,0))) -50px -50px 
   background: #385BE1 -moz-radial-gradient(rgba(255,255,255,1), 
rgba(56,91,225,0)) -50px -50px no-repeat;
   background: #385BE1 -ms-radial-gradient(rgba(255,255,255,1), 
rgba(56,91,225,0)) -50px -50px no-repeat;
   background: #385BE1 radial-gradient(rgba(255,255,255,1), 
rgba(56,91,225,0)) -50px -50px no-repeat;
   -moz-background-size: 250px 250px;
   background-size: 250px 250px;


Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
Received on Wednesday, 13 April 2011 07:43:44 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:45 UTC