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
Senra16mo ago
Senra
Senra16mo ago
check this css out. I have just changed the
li&:nth-child(x) {
top: ...;
width: ...;
}
li&:nth-child(x) {
top: ...;
width: ...;
}
to
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
Shadow Amitendu16mo ago
You can also use
z-index ="-1"
z-index ="-1"
Want results from more Discord servers?
Add your server