home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

วิธีการทำซ้ำการไล่ระดับสีเชิงเส้นด้วย CSS

หากต้องการทำซ้ำการไล่ระดับสีเชิงเส้นด้วย CSS ให้ใช้ฟังก์ชัน repeating-linear-gradient() คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน:

ตัวอย่าง

<!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>