Design comparison
Solution retrospective
It's my first time using Javascript with css or html. I'm still unsure how I'd go about making simple animations such as slide switch between the content using the button as I'm doing now. Also, my method of doing css is tedious numbers from measurements of the design image provided. Is there a more intuitive way of going about setting them to position how they are without using absolute-positions and weird tricks?
Community feedback
- @josnoPosted about 4 years ago
Great work! I think what you might be looking for with regards to animation are the animation and the transition properties. For some quick overviews you can check them out here:
Animation - https://www.w3schools.com/cssref/css3_pr_animation.asp Animations are used with @keyframes (https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp) Transition - https://www.w3schools.com/cssref/css3_pr_transition.asp
2@ResanCheaPosted about 4 years ago@josno Thank you for the comment, I will be looking over those properties for later challenges. : )
0
Please log in to post a comment
Log in with GitHub
Join 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