Design comparison
SolutionDesign
Solution retrospective
I wanted to add transitions on the slides but that was a bit challenging
Community feedback
- @tomzacchiaPosted about 4 years ago
Hi Philani,
One animation that you can add with relative ease is a "slider" like transition. You can use the "hidden: overflow" CSS property with some javascript to move one image out and "slide" in another on a user interaction, i.e click. I have done something similar in the past and I will link you to a codepen for reference.
Hope this helps, Tom
https://css-tricks.com/almanac/properties/o/overflow/ https://codepen.io/tomtomato/pen/BGRoPj (best viewed full screen)
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord