https://github.com/jh3y/a-guide-to-css-animation

Demo code for "A Guide to CSS Animation"
https://github.com/jh3y/a-guide-to-css-animation

animation css css-animation css-animation-effects css-animation-timmings css-animations

Last synced: 18 days ago
JSON representation

Demo code for "A Guide to CSS Animation"

• Host: GitHub
• URL: https://github.com/jh3y/a-guide-to-css-animation
• Owner: jh3y
• Created: 2018-06-07T19:32:10.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-02-12T13:37:58.000Z (almost 3 years ago)
• Last Synced: 2024-10-12T23:45:57.602Z (about 1 month ago)
• Topics: animation, css, css-animation, css-animation-effects, css-animation-timmings, css-animations
• Language: CSS
• Homepage: https://medium.com/@jh3y/a-guide-to-css-animation-part-1-8777f5beb1f8
• Size: 71.3 KB
• Stars: 44
• Watchers: 4
• Forks: 11
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# A Guide to CSS Animation (Demo Code)

![A Guide to CSS Animation](https://cdn-images-1.medium.com/max/800/1*YMIFMQyYdSkmGAus_VZiPw.gif)

This is the demo code for "A Guide to CSS Animation"

* [A Guide to CSS Animation - Part 1](https://medium.com/@jh3y/a-guide-to-css-animation-part-1-8777f5beb1f8)

* [A Guide to CSS Animation - Part 2](https://medium.com/@jh3y/a-guide-to-css-animation-part-2-2cd422f78567)

* [A Guide to CSS Animation - Part 3](https://medium.com/@jh3y/a-guide-to-css-animation-part-3-2e497110119)

## Getting started

You'll want to run `make setup`, `yarn`, or `npm i` to get started. This will install `browser-sync` locally so you can serve the demos on localhost.

Once installed, run `make serve` from the root of the repository.

Any changes you make to code in the `public` directory will be automatically reflected in the browser with live reload goodness! 😋

## License

MIT

---

Any problems or questions, feel free to post an issue or reach out!

@jh3y 2018 :smile: