onsen-UIは、CSSのグラデーションが使えない

何年も前から有名なグラデーションを作るウェブ上のジェネレーターで作られるグラデーションのコードは、onsen-UIでは、使えません。

-webkit-gradient という部分から、エラーになります。

解決方法

ネット検索して、下記のサイトを見つけました。
https://webgradients.com/

このサイトは、たくさんのグラデーションの見本が掲載されています。
気に入ったグラデーションの丸い柄見本の下にCSSのボタンが、あります。
ここをクリックすると、CSSコードを取得できます。
このコードは、onsen-UIで使うことができました。
使用例として実際に私がアプリで書いたコードをご紹介します。

ご紹介したサイトは、この記事で知りました。
http://photoshopvip.net/98951

/* 角が丸いボタンを作ることができるコード */
    border-radius: 16px;
    box-shadow: 0 0 14px #000000;
/* このlinear-gradientが、ご紹介したサイトで生成されるコードです。　*/
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    padding: 10px;
    font-size: 12pt;
    color: #888888;
    text-align: center;
    margin: 10px;

onsen-UIのボタンをカスタマイズする方法も、知ることが出来ました。
https://press.monaca.io/fran/457

今回知った方法を使うと、グラデーションのボタンもできると思います。