SHARE

Hey gang, in this CSS animation tutorial I’ll show you how we can chain 2 or more animations together on one element. We do this by simply comma separating our animations.

—– COURSE LINKS:
+ Repo – https://github.com/iamshaunjp/css-animations-playlist
+ Brackets editor – https://brackets.io/

———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET

============ CSS for Beginners Playlist =============

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

14 COMMENTS

  1. It doesnt seem as though the renowned NN replies to the comments on his eariler videos, so maybe someone else can give me some guideance. How might one make Mario jump everytime he passes through, instead of just the first time? I tried changing the animation-iteration-count and he would just jump that many times during his first pass through. Many thanks!

  2. This is great but one thing I can't figure out. How do I make him just once every time he comes around, at say, the middle of the screen?

  3. great tutorial pal .. awesome content.

    just a question about the jump animation .. at 50% mario just did a small jump and for the rest of the duration he was moving straight .. now what if i wanted the jump to begin from start at 0% and reach max height at 50% and reach the ground at 100%? so as in an arch not a bump .. thx again

  4. What about luigi's jump animation since they jump in different places
    Do i have to create new keyframe ? Or there is another way to do it using the jump keyframes.
    Thanks before

  5. Heyy, First of all I want to say thank you so much for creating such a wonderful channel and uploading all these wonderful tutorials for the front end development. Your videos are truly appreciated. I just wanted to ask, are you planning to upload PHP and MySQL tutorials as well down the road ? That will be awesome if you do because that way we can learn backend development too. You're a great teacher!

LEAVE A REPLY

Please enter your comment!
Please enter your name here