P
Samuel O. Acheampong• 230
@yawsamcode
Posted
Man! this is dope. Well done brother. Keep it up.
0
Design comparison
Community feedback
lawrence vincent• 150
@vincent453
Posted
wow am impressed
0
Nadun Dhananjaya• 210
@nadun-dhananjaya
Posted
Your work is excellent, especially the animation.
0
Menna Bashir• 360
@MennaBashir
Posted
Very excellent work, especially the animation. I want to know how you developed your animation skills
0
MaximilianoDanielGarcia• 2,000
@MaximilianoDanielGarcia
Posted
Hi @MennaBashir!
I'm glad you liked it! A very useful page to learn is w3schools.com.
For the background animation I just play with the background size:
@keyframes zoomInOut {
0% {
background-size: 100%;
}
50% {
background-size: 120%;
}
100% {
background-size: 100%;
}
}
And then, I bind the animation to my container element:
animation: zoomInOut 20s linear infinite forwards;
Please, check the documentation about animations for more details. Animations
5
Menna Bashir• 360
@MennaBashir
Posted
@MaximilianoDanielGarcia Thank you very much. You are truly a brilliant developer. I wish you more success and progress
1
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