Animated Elephant SVG

The Project

This is the first time I created an SVG and animated it in CSS. I created an Elephant in Adobe Illustrator and then imported it as SVG in html. I chose this because I was very excited when I first saw an animated SVG. I always share my learnings in Twitter and explain my code. I have more than 7500 followers now. People say that I am an inspiration in the Dev community for everyone ... I'm so grateful for their love and encouragements. I like to have fun when learning programming. so I tell everyone to enjoy what they learn and what they make and always laugh when they make mistakes. I always enjoy my projects. This is the final project and I enjoyed making it. I am finished with the animation. Next time, I'm going to make another project. Making the eyes blink was a bit difficult; so I received help from my mentor Valentina Antolini and she gave me a solution. Then I tried the solution, I had to change my SVG and then I tried to animate the eye lids in CSS by using TranslateY. I hope you enjoy it as well. The project is shared in my CodePen: https://codepen.io/superpowerkid/pen/dyNmqYr

Web
Community

About the team

  • Iran, Islamic Republic of

Team members

  • Diana