Yo ninjas, in this CSS animation tutorial, I’ll bring you up to speed with CSS transforms first of all, so that we can use them in later animations. CSS transforms allow us to change the scale, positions, skew, angle and other properties of an element on a web page.

+ Repo –
+ Brackets editor –

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


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

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

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

For more front-end development tutorials & to black-belt your coding skills, head over to – or

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

Twitter – @TheNetNinja –


  1. Just started getting into HTML/CSS and I'm super excited to have found your tutorials 😀
    I started with Unity3D and C# awhile back~ this tutorial has me sooo hype because its a nice "translation" (lol) of what I was doing in Unity to manipulate my sprites!! <333

  2. Hey, I have a question, can you explain please, how the web page instantly reacts to your changes in code? I after some changes I used to refresh the page, but it's annoying. Can you help?

  3. Forgive my ignorance but could you answer that did you use AJAX to reflect the outcome or is this skill of "Brackets"? I'm using Xampp – Apache, so whenever I change something, have to refresh the page.


Please enter your comment!
Please enter your name here