แจกคะแนน แก้ข้อมูล (Copy 358) (Copy 362)
✨ Jabont
<html> <head> <title>Let's Start </title> <style> body{ margin: 0; } ball{ --max:10; --size: calc(100vw/var(--max)); --h: 0; --cl: hsl(var(--h),100%,50%); float:left; width:var(--size); height:var(--size); background:var(--cl); border-radius:100%; } </style> </head> <body> <div id="main"> </div> <script> n = 1; change = 1; setInterval(function(){ n = n+change; if(n>40){ change = -1; } if(n<2){ change = 1; } html = '' for(let i=0;i<n;i++){ html += `<ball style="--h:${i*(360/n-1)};--max:${n};"></ball>` } main.innerHTML = html; },100) </script> </body> </html>