พื้นหลังแบบแอนิเมชันด้วย CSS

ใช้ @keyframes เพื่อสร้างแอนิเมชัน หากต้องการนำแอนิเมชันไปใช้กับพื้นหลังใน CSS สามารถลองรันโค้ดตัวอย่างด้านล่างได้

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 400px;             height: 300px;             animation: myanim 3s infinite;          }          @keyframes myanim {             30% {                background: green bottom right/50px 50px;             }          }       </style>    </head>    <body>       <div></div>    </body> </html>