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

CSSを使用して線形グラデーションで角度を使用する方法

linear-gradient（）を使用して、線形グラデーションに角度を追加します。次のコードを実行して、角度を0、90、および-90度に設定するように実装してみてください

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo1 {
            height: 100px;
            background: linear-gradient(0deg, orange, blue);
         }
         #demo2 {
            height: 100px;
            background: linear-gradient(90deg, orange, blue);
         }
         #demo3 {
            height: 100px;
            background: linear-gradient(-90deg, orange, blue);
         }
      </style>
   </head>
   <body>
      <h2>Linear Gradients</h2>
      <div id = "demo1">0 degree</div><br>
      <div id = "demo2">90 degrees</div><br>
      <div id = "demo3">-90 degrees</div>
   </body>
</html>

  1. CSSを使用してリスト内の弾丸をアニメーション化する方法

    順序付けられていないリストで箇条書きのスタイルを設定するには、リストスタイルのporを使用できます 構文 CSSli-styleプロパティの構文は次のとおりです- li {    list-style: /*value*/ } 例 次の例は、CSSのliスタイルのプロパティを示しています。 <!DOCTYPE html> <html>    <head>       <style>          li {  

  2. SeleniumでCSSセレクターをロケーターとして使用するにはどうすればよいですか？

    SeleniumWebdriverのロケーターCSSSelectorを使用して要素を見つけることができます。 CSS式を作成するための一般的な式は、tagname [attribute=value]です。 id属性とclass属性を利用してCSSを作成できます。 idの場合、CSS式の構文はtagname＃idです。たとえば、CSS式--input＃txt-locの場合、inputはタグ名であり、txt-locはid属性の値です。 クラス名の場合、CSS式の構文はtagname.classです。たとえば、CSS式--input.txt-clsの場合、inputはタグ名であり、txt-cls