gsa.utils.wrap() i need random values

[Rebeca]

I need to randomize the colors to each .box. I tried utils.wrap but it places them in an order, and with "random" they all get painted a color and the color changes when updating .... What can I do? I've been with gsap for two weeks and I'm a bit dizzy with so much information

See the Pen dyNJOrj by rebecakarenok (@rebecakarenok) on CodePen

[OSUblake]

You just need it to return a function so it gets called for every element. Notice the true at the end.

 

gsap.set('.box', {
  backgroundColor: gsap.utils.random(['#efecca', '#a9cbb7', '#f7ff58', '#ff934f', '#5e565a'], true),  
})

 

[OSUblake]

Forgot you can also do everything as a string.

gsap.set('.box', {
  backgroundColor: "random(['#efecca', '#a9cbb7', '#f7ff58', '#ff934f', '#5e565a'])",  
})