15. Parte 3
$delay: 0.5
@for $i from 1 through 5
ul li:nth-child(#{$i}) a
animation-delay: $delay + s
$hue: random(360)
background-color: hsl($hue, 60%, 65%)
$delay: $delay + 0.5
16. Color en HSL
• El color en HSL
• Hue/Tono/Croma (0-360°)
• Saturación (0-100%)
• Lightness (0-100%)
Colores pasteles:
(0-360°), (~70%), (~80%)
De cyan a azul:
140 + random(140)
17. ¡Conclusión!
• Animation: para ser menos
redundante (:
• @for para manejar delays e
incrementarlos de forma constante
• Go crazy with HSL