DanielHoff

Cool! So here is a more involved pen. (Managed it on the sly, very covert!) https://codepen.io/danielhoff/pen/vbyrZd I've created a grid with 36 cubes, selected the .box class and shuffled the array. It's the next bit where i get a bit confused, so to stagger I would have thought the selector would have to be: boxes(the array) .front(the child) to then stagger those specific elements. the only other way I think is to put each child into an individual array but that could get messy with the randomising. I also think maybe Three.js might be the way to go as atleast then the cube is one object rather than seperate divs!

Will do, currently at work and this is a personal project, I’ll link it ASAP

Hey guys! Thanks for the quick responses! I fear I may have over simplified. I think the elements need to be in array because the order will be randomised everytime the timeline is run. In short im taking inspiration from this: https://codepen.io/jonathan/pen/XXdNjR Ive created muitiple cubes and trying to stagger their animations so put each cube into an array to then stagger but I can’t access the child elements to animate.

Hey! I've tried to simplify my issue as much as possible in the codepen. I was wondering if there was a way to select a child element inside an array to stagger? In the codepen example I would like to stagger all red boxes and at the same time stagger all blue boxes. Working under the constraints of: a large amount of grouped content (100 +) multiple child elements (up to 6) array will be in a randomised order I know I could group all the child elements into seperate arrays but was wondering if there was a simpler way! Thanks in advance!