Skip to content

Latest commit

 

History

History
43 lines (26 loc) · 1.41 KB

readme.md

File metadata and controls

43 lines (26 loc) · 1.41 KB

On Css Animations

A simple presentation & project demonstration on getting started with CSS Animations & Transitions

Presentation

Located Here

This presentation breaks down animations into two entities: Effect & Act. This enables us to separate the different aspects of transformations in CSS, with the movement associated with Animations. The presentation is built in markdown and compiled visually with MarkdownPresenter.

Effect

The Effect covers what is being changed

  • CSS Properties
  • Transform
  • Keyframes

Act

The Act covers how it is being changed

  • Transition
  • Animation

Project

Located Here

The project consists of a glossary of values and properties for Transitions, Transforms, and Animations featured in CSS3. Information comes from various sources including but not limited to MDN, CSS-Tricks...

Project Links

Bezier Curve
Transit.js
Animate.css
Easing.js