WeChat アプレットでページのグラデーションを設定する方法
WeChat アプレットは、css -webkit-linear-gradient を使用してページの背景色のグラデーションを設定します。 ( )満たすため。
1. WXSS コード:
.container{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(top,white,lightblue,rgb(83, 201, 248)); color: rgb(241, 161, 155); font-size: 18px; } .container text{ display: block; margin: 40rpx; }
top: 上下のグラデーションを表します。左右のグラデーションに設定することもできます (値は左です)
white: 最初の 1 つの色の名前です。
lightblue: 2 番目の色の名前です。
rgb(83, 201, 248): 3 番目の色の名前 (2 色を設定することもできます)
2. ボタンのグラデーションも実現できます:
#
/* border-radius: 98rpx;是控制按钮边变圆 */ .goodbutton { margin-top: 30px; width: 70%; background: -webkit-linear-gradient(left,pink,lightblue,skyblue); color: white; border-radius: 98rpx; }
# 推奨学習:
小さなプログラム開発以上がWeChat アプレットでページのグラデーションを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。