2017-11-22 8 views
0

この放射グラデーションの作成方法を教えてください。このグラデーションを作成するには?

gradient

half gradient

私の現在のCSS:

background: radial-gradient(closest-corner, #b0ff9f 40%, 
      #9dfa89 40%, #9dfa89 50%, #7af16a 50%, #7af16a 60%, 
      #60ea54 60%, #60ea54 70%, #00b4ff 70%, #00b4ff 100%); 
+0

@Mrリスター、はい、私はあなたが何をしようとしているCSS – Kek

+0

でこれを行う方法がわかりませんか?コードを表示できますか? –

+0

@ MrLister、私はそれを理解しました。私はこのCSSコードを持っています:背景:放射状勾配(最も近いコーナー、#b0ff9f 40%、#9dfa89 40%、#9dfa89 50%、#7af16a 50%、#7af16a 60%、#60ea54 60%、#60ea54 70 %、#00b4ff 70%、#00b4ff 100%); – Kek

答えて

1

あなたが近いです。固定サイズのキーワードを使用するのではなく、半径と位置を微調整する必要があります。残りの部分はOKです。

body {margin:0} 
 
div {background: radial-gradient(ellipse 80% 100% at center bottom, 
 
    #b0ff9f 40%, #9dfa89 40%, #9dfa89 50%, #7af16a 50%, #7af16a 60%, 
 
    #60ea54 60%, #60ea54 70%, #00b4ff 70%, #00b4ff 100%);}
<div style="height:100px"></div>

関連する問題