Thursday, October 6, 2011

Re: CSS3 support in GWT

Yep, note that CSSResource doesn't grok CSS3 yet, so you'll need to use literals for CSS3 attributes:

e.g.
background: literal("-webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e4e4e4))");

On Thu, Oct 6, 2011 at 2:22 PM, benneq <benjamin_makus@lavabit.com> wrote:
GWT itself doesn't support CSS3 right now (I think it's because
there's still IE6 support...). That just mean's that there are no
classes or methods that do any CSS3 things.
But you still can use CSS3 with GWT. Just like you use box-shadows
(GWT has no support for shadows, too). So you take your <ui:style>-
tags in UiBinder and insert all of the CSS3 stuff you like. If you
open your page with a CSS3-supporting browser, than you should see
your CSS3 styles.

On 6 Okt., 17:22, Claudio Coelho
<innovation.that.matt...@homeyplanet.com> wrote:
> Hi all,
> We are now trying to get into using HTML5+CSS3 with GWT, but we failed
> to find specific info regarding what does GWT support in terms of
> CSS3? Can we use all the features (with uibinder)? Or only a specific
> set? We got stuff like shadows to work easily, but gradients don't
> seem to work at all, so we are wondering if it's a matter of GWT
> support or if we are doing anything wrong.
> Any info will be helpful.
>
> 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 google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.


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

No comments:

Post a Comment