项目作者: coderkd10

项目描述 :
css transitions like a 😎 🙌
高级语言: JavaScript
项目地址: git://github.com/coderkd10/css-transition-demos.git
创建时间: 2018-05-12T14:56:34Z
项目社区:https://github.com/coderkd10/css-transition-demos

开源协议:

下载


CSS Transitions Demos

Motivation

I wanted to learn about React Transition Group which can be used to add animation (e.g when elements are added to or removed from a list).

So I started following this tutorial so that I learn about it and use it my own apps. The tutorial mentioned that I should have a decent understanding of CSS transitions.

But I wasn’t very familiar which CSS transitions so I decided to follow its MDN page. MDN had some demos and so I decided I’ll implement them myself, and then play with the parameters to gain a solid understanding. This repo contains my implementation of those demos.

Live demo

https://coderkd10.github.io/css-transition-demos/

TODOs

  • Also add a transition-delay
  • Demo detecting start / completion of transition