Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

การใช้งานฟังก์ชัน radial-gradient() ใน CSS


กำหนดไล่สีแบบรัศมี (Radial Gradient) เป็นภาพพื้นหลังด้วยฟังก์ชัน radial-gradient() ใน CSS คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำฟังก์ชัน linear-gradient() ไปใช้ใน CSS ได้

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;             background: radial-gradient(green, orange, maroon);          }       </style>    </head>    <body>       <p>Setting background as radial gradient.</p>       <div id = "demo"></div>    </body> </html>