Kevin Powell - Community•2y ago

Stacked Testimonials

https://codepen.io/ahad4387/pen/gOQvoLZ Trying to achieve stacked testimonials animation which has cards below it scaled down similar to the image attached. From this reference codepen( https://codepen.io/maleekcodes/pen/MNWVQK ), I've managed to get the functionality right but I'm not understanding how to get the remaining cards stack below similar to image rather than above. sorry if this is too basic.

3 Replies

Senra•2y ago

style.css

Senra•2y ago

check this css out. I have just changed the

li&:nth-child(x) {
  top: ...;
  width: ...;
}

li&:nth-child(x) {
  top: ...;
  width: ...;
}

li&:nth-child(x) {
  bottom: ...;
  width: ...;
}

li&:nth-child(x) {
  bottom: ...;
  width: ...;
}

That does the positioning of the cards Also I have changed the animation translateY values to -1 * values of the original values. Hope thats what you were looking for

Shadow Amitendu•2y ago

You can also use

z-index ="-1"

z-index ="-1"

Gaming

Programming

Stacked Testimonials