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

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.

https://bugzilla.mozilla.org/show_bug.cgi?id=649577

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 
no-repeat;
   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;
}
</style>

<div></div>




-- 
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