62070201 สิรวิชญ์ เต็มสุทธิลาภ
✨ นายสิรวิชญ์ เต็มสุทธิลาภ
<html> <head> <title>Let's Start </title> <style> body{ background:#eee; margin:1em; font-family:sans-serif; font-size:0; } div{ --size:calc(100vw / 10); width:var(--size); height:var(--size); background:grey; border-radius:100%; display:inline-block; background:hsl(calc(260 + var(--sec)*10),100%,50%); animation:ani calc(1s) calc(1s * var(--i)) infinite linear alternate, calc((var(--sec) + 1) * 1s) infinite alternate; box-shadow:0px 0px 10px #0006; border:4px solid #000; box-sizing:border-box; transform:scale(.4); } @keyframes ani{ from{ transform:scale(.4); } to{ transform:scale(1.2); } } </style> </head> <body> <section style="--sec:10"> <div style="--i:0"> </div> <div style="--i:1"> </div> <div style="--i:2"> </div> <div style="--i:3"> </div> <div style="--i:4"> </div> <div style="--i:5"> </div> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> </section> <section style="--sec:12"> <div style="--i:1"> </div> <div style="--i:2"> </div> <div style="--i:3"> </div> <div style="--i:4"> </div> <div style="--i:5"> </div> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> <div style="--i:10"> </div> </section> <section style="--sec:15"> <div style="--i:2"> </div> <div style="--i:3"> </div> <div style="--i:4"> </div> <div style="--i:5"> </div> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> <div style="--i:10"> </div> <div style="--i:11"> </div> </section> <section style="--sec:560"> <div style="--i:3"> </div> <div style="--i:4"> </div> <div style="--i:5"> </div> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> <div style="--i:10"> </div> <div style="--i:11"> </div> <div style="--i:12"> </div> </section> <section style="--sec:35"> <div style="--i:4"> </div> <div style="--i:5"> </div> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> <div style="--i:10"> </div> <div style="--i:11"> </div> <div style="--i:12"> </div> <div style="--i:13"> </div> </section> <section style="--sec:30"> <div style="--i:5"> </div> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> <div style="--i:10"> </div> <div style="--i:11"> </div> <div style="--i:12"> </div> <div style="--i:13"> </div> <div style="--i:14"> </div> </section> <section style="--sec:1"> <div style="--i:6"> </div> <div style="--i:7"> </div> <div style="--i:8"> </div> <div style="--i:9"> </div> <div style="--i:10"> </div> <div style="--i:11"> </div> <div style="--i:12"> </div> <div style="--i:13"> </div> <div style="--i:14"> </div> <div style="--i:15"> </div> </section> </body> </html>