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

CSS3の透明性とグラデーション

線形グラデーションは、2つ以上の色を上から下などの線形形式で配置するために使用されます。透明度を追加するには、RGBA（）関数を使用して、カラーストップを定義します。

以下は、CSS3-

を使用して透明な線形グラデーションを設定するコードです。

例

<!DOCTYPE html>
<html>
<head>
<style>
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.linearGradient {
   height: 200px;
   background-image: linear-gradient(
      to left,
      rgb(111, 0, 255),
      rgba(111, 0, 255, 0.616),
      rgba(111, 0, 255, 0.384),
      rgba(111, 0, 255, 0)
   );
}
</style>
</head>
<body>
<h1>Linear Gradient with transparency</h1>
<div class="linearGradient"></div>
<h2>The above linear gradient goes from white to dark blue purple</h2>
</body>
</html>

出力

上記のコードは次の出力を生成します-

CSS3の透明性とグラデーション


  1. Macで透明性を無効にしてパフォーマンスを向上させる方法

    私が最初のMacを購入したときに学んだことの1つは、システムの仕様が最上位でなくても、オペレーティングシステムが非常にスムーズに感じられることです。ただし、システムが古い側にあり、パフォーマンスの最後のビットをすべて絞り出す必要がある場合は、透明効果を無効にしてみてください 。 または、透明性が気に入らないだけかもしれません。それも結構です。この機能を無効にする手順は次のとおりです。 Spotlightを開き、システム環境設定を起動します 。 アクセシビリティに移動します 。 左側で、表示に移動します 。 右側で、透明度を下げるを有効にします オプション。 透明効果を無効にす

  2. Pythonでの相関と回帰

    相関とは、2つのデータセット間の依存関係を含むいくつかの統計的関係を指します。線形回帰は、従属変数と1つ以上の独立変数の間の関係を確立するための線形アプローチです。単一の独立変数は線形回帰と呼ばれ、複数の独立変数は重回帰と呼ばれます。 相関 依存する現象の簡単な例としては、親と子孫の外見の相関関係、製品の価格と供給量の相関関係などがあります。seabornpythonライブラリで利用可能なアイリスデータセットの例を取り上げます。その中で、3種のアヤメの花のがく片と花びらの長さと幅の相関関係を確立しようとしています。見つかった相関関係に基づいて、ある種を別の種から簡単に区別する強力なモデルを作