Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Cách lặp lại gradient tuyến tính với CSS

Để lặp lại độ dốc tuyến tính với CSS, hãy sử dụng hàm lặp lại-tuyến tính-gradient (). Bạn có thể thử chạy mã sau để triển khai nó:

Ví dụ 

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: repeating-linear-gradient(red, yellow 30%, green 30%);
         }
      </style>
   </head>
   <body>
      <h2>Linear Gradient</h2>
      <div id = "demo">Repeating Linear Gradients</div><br>
   </body>
</html>