Hi! I'm quite new to GWT (I'm a PHP developer assigned to do the front-
end of a Java application because of my CSS knowledge) and what I'm
trying to do is use CSS3 Gradient using a stylesheet imported via
<ui:style src="main.css">

On main.css I have

.custom-buttom {
        background: -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
        background:-webkit-gradient(linear, left top, left bottom,
from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
}

But when I try to view via the Google Chrome plugin, it collapses the
whitespace within the parenthesis leaving me with

.custom-buttom {
        background: -moz-linear-gradient(top, white, #72C6E44%, #0C5FA5);
        background:-webkit-gradient(linear, lefttop, leftbottom, from(white),
to(#0C5FA5), color-stop(0.03, #72C6E4));
}

which breaks it, hence preventing the rendering of the gradient.

Is there another way to do this or maybe a way to prevent the
whitespace from collapsing.

Thanks.

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to