Hi there! Thanks for viewing my solution :)
I have a few questions:
1 - Is it possible to create an infinite scroll with only 2 images? the resources I found were at least 3 images for the slider.
2 - Instead of using display none, what can I do to create a transition animation for the text to appear smoothly after switching to the next picture?
3 - How may I improve my code?
Thanks for commenting!
also,
I haven't checked original challenge but on mobile version, your padding sends the containers off scrre. Try to set your padding to 0 in .body, and padding: 2rem in .carousel-background
Hi there! Thanks for viewing my solution :)
I have a few questions:
1 - Is it possible to create an infinite scroll with only 2 images? the resources I found were at least 3 images for the slider.
2 - Instead of using display none, what can I do to create a transition animation for the text to appear smoothly after switching to the next picture?
3 - How may I improve my code?
Thanks for commenting!
Q1: interesting, I'll have a look.
Q2: Try adding z-index on that class and only transition to opacity 1 => transition : 0.3s opacity. Maybe you can avoid using display : none that way.
Hi there! Thanks for viewing my solution :)
I have a few questions:
1 - Is it possible to create an infinite scroll with only 2 images? the resources I found were at least 3 images for the slider.
2 - Instead of using display none, what can I do to create a transition animation for the text to appear smoothly after switching to the next picture?
3 - How may I improve my code?
Thanks for commenting!
Hi Melvin,
I am not sure I understand the first question but with regards to question number two, you can use css opacity : 0 and change it to 1 with a transition.
Yann
