CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

円の形をした放射状のグラデーションを作成します

放射状のグラデーションで円を作成するには、次のコードを実行してみてください。円のような形状の放射状グラデーションに別のパラメータを設定します

例 

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 400px;
            background: radial-gradient(circle, red , blue, yellow);
         }
      </style>
   </head>
   <body>
      <h2>Radial Gradient</h2>
      <div id = "demo">Radial Gradients</div><br>
   </body>
</html>

  1. CSSを使用して放射状グラデーションの形状を設定する

    放射状グラデーションの形状を設定するには、radial-gradient（）関数を使用します。この関数は、放射状のグラデーションを背景画像として設定します。関数の最初のパラメータは、以下に示すように、必要な形状として設定されます- background-image: radial-gradient(ellipse,rgb(217, 255, 0),rgb(255, 0, 0),rgb(14, 239, 255)); 以下は、CSS-を使用して放射状グラデーションの形状を設定するためのコードです。 例 <!DOCTYPE html>> <html> <hea

  2. 究極のハウツー:20 分でハードウェアを使用して Bluetooth Swift アプリを構築する

    前のチュートリアルでは、Bluetooth を Particle Xenon アプリケーションに追加する方法を学習しました。そうすれば、nRF Connect や Light Blue Explorer などのテスト アプリからオンボード RGB LED を制御できます。 この投稿では、さらに一歩進めます。パーティクル メッシュ RGB LED を制御する Swift アプリを開発します。すべてがうまくいけば、約 20 分でアプリが動作するはずです! 始めましょう。 今すぐ記事全体を読む時間がありませんか? ここから PDF 版をダウンロードしてください。 セットアップ中 Xcode