---
title: "Discussion on \"CSS Transitions explained\" | Hashnode"
description: "Discussion on \"CSS Transitions explained\". The simplest (and most straightforward) way to animate your components is through CSS Transitions. In this article, you’ll learn how CSS Transitions work, and how to make animations with it.\nA transition occurs when a CSS property changes from one va..."
url: "https://hashnode.com/posts/css-transitions-explained-d67ab9a02049/66c4c7244173ed342943d0b0"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [CSS Transitions explained](https://freecodecamp.org/news/css-transitions-explained-d67ab9a02049?utm_source=hashnode&utm_medium=feed)

The simplest (and most straightforward) way to animate your components is through CSS Transitions. In this article, you’ll learn how CSS Transitions work, and how to make animations with it. A transition occurs when a CSS property changes from one va...

Dec 22, 2017 · 6 min read · freecodecamp.org  
Read the article

-   [#animations](https://hashnode.com/tag/animations)
-   [#css](https://hashnode.com/tag/css)
-   [#transitions](https://hashnode.com/tag/transitions)

## Written by

[Zell Liew](https://hashnode.com/@zellwk)

@zellwk · Singapore

  
[View profile](https://hashnode.com/@zellwk)

Just a developer :)

I'm just a developer who loves to share what I discovered. I primarily blog at http://zellwk.com and cross-post to this website :)

## Responses

Markdown supported · ⌘↵ to post

No responses yet.