https://github.com/davidkpiano/frontend-masters-css

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/davidkpiano/frontend-masters-css
Owner: davidkpiano
Created: 2022-04-30T00:51:19.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2023-05-07T11:47:43.000Z (about 2 years ago)
Last Synced: 2025-03-29T16:29:05.892Z (2 months ago)
Language: SCSS
Size: 37.1 KB
Stars: 200
Watchers: 4
Forks: 227
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Frontend Masters CSS Animations Workshop

Welcome to the [Frontend Masters CSS Animations Workshop](https://frontendmasters.com/courses/css-animations/)! In this workshop, you will:

- Learn how to design meaningful animations that improve the user experience in websites and web apps
- Become proficient in creating animations with CSS and JavaScript
- Craft consistent motion design with CSS variables
- Create choreographed, synchronized animation sequences
- Make CSS animations reactive and dynamic with JavaScript
- Orchestrate animated transitions easily with state machines
- Get inspired and experience many animation demos

## Getting started

1. Clone this repo
2. Install npm dependencies:

```bash
npm install # or yarn
```

3. Run the project in dev mode:

```bash
npm run dev # or yarn dev
```

4. Go to [localhost:3000](https://localhost:3000) to see the running app.

You should now be able to access each of the sections: