ทำพื้นสีรุ้ง

ชุดคำสั่งที่คุยกับ chat GPt

https://chatgpt.com/c/8544ebc5-12ee-4c0e-90ed-dcfeaecb0771

 ทำพื้นสีรุ้ง

body {

  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

  height: 100vh;

  margin: 0;

}

 <h1>🔬 เกมจับคู่วันวิทยาศาสตร์ 🧪</h1> ปรับสีตัวอักษรเป็นแบบสีรุ้ง

<h1 class="rainbow-text">🔬 เกมจับคู่วันวิทยาศาสตร์ 🧪</h1>

Css

.rainbow-text {

  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

  -webkit-background-clip: text;

  color: transparent;

  font-size: 2.5em;

  font-weight: bold;

  text-align: center;

}