style linear-gradient is not supported by Trigger.io

Question

Hi i make a HTML5 application running with Trigger.io and when i use the style

background:linear-gradient(#293d4f,#0d4f6e ) ;

in the catalyst (remote debugging tool ) it didn't figure,exactly the debugger didn't know it, it replaced with

background:initial; (warning)

Answer 1

The Android WebView supports linear gradients but requires a -webkit prefix for most versions, so just change it to:

background: -webkit-linear-gradient(#293d4f, #0d4f6e) ;

The same WebView component is used for Trigger apps that is used for the stock android browser. On Android 4.4, the WebView has been updated so you don't need the -webkit prefix.

See http://caniuse.com/css-gradients for more details (generally a great site for checking this sort of thing)