Create Basic CSS Animations

Learn how to make an element move and change on the page using the CSS transition and transform properties. With just a little bit of javascript for changing the element classes, you can make things move, change color, or even change size with the click of another element. I'll show you how in this CSS tutorial!

Code on Codepen:

Link to Slideshow

//----------------------------------------------------------------------------

Here are the links from the slideshow:

DevTipsForDesigners on YouTube

CSS transitions on Mozilla Developer Network (MDN)

CSS transform values on W3 Schools

//----------------------------------------------------------------------------

If you like this video, please click the thumbs up! Do you know someone else who would find this helpful? Share it!

Also, check out the rest of my channel for other web design and web development tutorials. There is something for beginners and advanced developers.

Follow me on Twitter

[themichaelsutu]

Would you still be able to change the values even if you already have a value. Like if the circle already had a position.

[guigax]

what is sass? i cant see if thats spelled right, but i would like to know what it is cause it looks a whole lot simpler than writing in regular css?