norrisollie

Hello, thanks very much for this - it is really helpful. One thing, i'd like to make the box at the back fade in rather than just appear - what's the best way to do this? I've had a play around but can't for the life of me figure it out.... any pointers would be great, thanks!

Hello, lurker here - hoping someone may be able to to help with an effect i'm trying to replicate... apologies if this doesn't make sense as i'm usually useless at explaining things. I have 3 columns, each column contains 5 cards that i need to loop through and show. this will keep repeating infinitely. I have managed to get to this stage (see codepen attached), however i'm struggling on the next part of the animation. In each column, the next two cards behind the active card (that are coming up next) need to be behind and approx 10/20 pixels above and to the left of the active card. the active card will then move down and right, and also fade out. this card then needs to be placed to the back of the pile ready for the next loop. There may also be extra 'cards' added or removed if this changes anything, and they are generated from an object containing arrays with strings, and not hard coded as shown in the demo If anyone could point me in the right direction, that would be great as i'm struggling! I've also attached an image to show the desired end result...