CSS Var and CalC (Copy 8676)
✨ นายปฐมพงศ์ กังวานพณิชย์
<html> <head> <title>Let's Start </title> <style> body{ background:#eee; margin:1em; font-family:sans-serif; } div{ width:100px; height:100px; background:grey; border-radius:100%; display:inline-block; background:hsl(var(--h),100%,50%); } </style> </head> <body> <section style="--h:270"> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> </section> <section style="--h:330"> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> </section> <section style="--h:270"> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> </section> <section style="--h:270"> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> <div style=""></div> </section> </body> </html>