GWT: How to apply a CSS3 gradient -
i tasked build front-end of web application , i'm trying apply css3 gradient on button. i'm using eclipse gwt plugin , i'm viewing ui in google chrome gwt plugin.
my problem gwt seems remove whitespaces in between parenthesis that:
.gwt-button { 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)); becomes:
.gwt-button { background: -moz-linear-gradient(top,white,#72c6e44%,#0c5fa5); background:-webkit-gradient(linear,lefttop,lefbottom, from(white), to(#0c5fa5), color-stop(0.03, #72c6e4)); which makes them invalid. there way go or maybe way prevent whitespaces being removed when application compiled? thanks.
you have use literal() function. believe may work styles used via acssresource gwt function.
background: -webkit-gradient(linear, literal("left top"), literal("left bottom"), from(white), to(#0c5fa5) ); i bugged while ago here haven't gotten response gwt team, please star if think valid bug.
also, side note, styles won't work older versions of ie, need add filter property. here's example.
Comments
Post a Comment