62070030 CSS Var and CalC (Copy 8661)
✨ นายจิตรภาณุ อินทรเสน
<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; } </style> </head> <body> <section> <div style="background:hsl(270,100%,100%)"></div> <div style="background:hsl(20,100%,90%)"></div> <div style="background:hsl(250,100%,80%)"></div> <div style="background:hsl(270,100%,70%)"></div> <div style="background:hsl(270,100%,60%)"></div> <div style="background:hsl(270,100%,50%)"></div> <div style="background:hsl(270,100%,40%)"></div> <div style="background:hsl(270,100%,30%)"></div> <div style="background:hsl(270,100%,20%)"></div> <div style="background:hsl(270,100%,10%)"></div> </section> <section> <div style="background:hsl(270,100%,100%)"></div> <div style="background:hsl(20,100%,90%)"></div> <div style="background:hsl(250,100%,80%)"></div> <div style="background:hsl(270,100%,70%)"></div> <div style="background:hsl(270,100%,60%)"></div> <div style="background:hsl(270,100%,50%)"></div> <div style="background:hsl(270,100%,40%)"></div> <div style="background:hsl(270,100%,30%)"></div> <div style="background:hsl(270,100%,20%)"></div> <div style="background:hsl(270,100%,10%)"></div> </section> <section> <div style="background:hsl(20,100%,100%)"></div> <div style="background:hsl(250,100%,90%)"></div> <div style="background:hsl(270,100%,80%)"></div> <div style="background:hsl(270,100%,70%)"></div> <div style="background:hsl(270,100%,60%)"></div> <div style="background:hsl(270,100%,50%)"></div> <div style="background:hsl(270,100%,40%)"></div> <div style="background:hsl(270,100%,30%)"></div> <div style="background:hsl(270,100%,20%)"></div> <div style="background:hsl(270,100%,10%)"></div> </section> <section> <div style="background:hsl(20,100%,100%)"></div> <div style="background:hsl(250,100%,90%)"></div> <div style="background:hsl(270,100%,80%)"></div> <div style="background:hsl(270,100%,70%)"></div> <div style="background:hsl(270,100%,60%)"></div> <div style="background:hsl(270,100%,50%)"></div> <div style="background:hsl(270,100%,40%)"></div> <div style="background:hsl(270,100%,30%)"></div> <div style="background:hsl(270,100%,20%)"></div> <div style="background:hsl(270,100%,10%)"></div> </section> </body> </html>