Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cssanimation/css-animation-101
Learn how to bring animation to your web projects
https://github.com/cssanimation/css-animation-101
animation css ebook free
Last synced: 24 days ago
JSON representation
Learn how to bring animation to your web projects
- Host: GitHub
- URL: https://github.com/cssanimation/css-animation-101
- Owner: cssanimation
- Created: 2018-11-24T13:31:41.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-01-18T16:45:51.000Z (10 months ago)
- Last Synced: 2024-10-01T19:41:46.561Z (about 1 month ago)
- Topics: animation, css, ebook, free
- Language: CSS
- Homepage: https://cssanimation.rocks
- Size: 17.9 MB
- Stars: 4,987
- Watchers: 120
- Forks: 227
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- favorite-link - 了解如何将动画引入您的 Web 项目。
- awesome - css-animation-101 - Learn how to bring animation to your web projects (CSS)
- awesome-list - css-animation-101
- awesome-star-libs - cssanimation / css-animation-101
README
# CSS Animation 101
Animation using CSS can be overwhelming to learn all at once.
This book gives you a solid introduction to the topic, combining theory with practical lessons. You’ll learn how, and why to use animation on your web pages and hopefully be inspired to try it on your own projects!
## Download
* [ePub version](https://github.com/cssanimation/css-animation-101/raw/master/downloads/epub/cssanimation-101.epub)
* [PDF version](https://github.com/cssanimation/css-animation-101/raw/master/downloads/pdf/cssanimation-101.pdf)
* [Web version](https://cssanimation.rocks/css-animation-101/)
Find more including free tutorials and other courses at [CSSAnimation.rocks](https://cssanimation.rocks).
## More CSS Animation stuff
I have a great [video course on CSS Animation](https://www.udemy.com/course/level-up-your-css-animation-skills/) you should totally check out. You'll find it a practical guide to building and animating all sorts of parts of a landing page.
I also send out a free weekly [CSS Animation newsletter](https://cssanimation.rocks/weekly/). Sign up and get an email of cool inspiration in your inbox each week.
Lastly, if you want to help me with the above, consider [being a CSS Animation patreon](https://www.patreon.com/cssanimation). I've been running the newsletter for approaching 3 years and will continue to do so thanks to the support of people like you!
## Translations
Want to create a translation? Some tips:
* Fork this repo and rename it `css-animation-101-xx` where `xx` is your language code, such as `cn` or `ru`
* Translate the `chapters` content as well as the meta information
* Don't forget the `ReadMe` file also. Be sure to include a link back to this repo and the site CSSAnimation.rocks.
* Let me know [on Twitter](https://twitter.com/cssanimation) or [by email](mailto:[email protected]) and I'll link your work from here
You can find this book in the following languages:
### 中文 (Chinese)
[Source files](https://github.com/H-Wakanda/css-animation-101-cn)
* [ePub version](https://github.com/H-Wakanda/css-animation-101-cn/raw/master/build/epub/book.epub)
* [Web version](https://h-wakanda.github.io/css-animation-101-cn/)
### العربية (Arabic)
* [PDF version](https://github.com/cssanimation/css-animation-101/raw/master/downloads/translations/arabic/CSS-Animation-Arabic.pdf): Translated by [@HsoubAcademy](http://academy.hsoub.com)
## Contributing
I love to get feedback, even if just to helpfully point out a typo! Pull requests welcomed, or else you can message me [on Twitter](https://twitter.com/cssanimation) or [by email](mailto:[email protected]).
## Technical details
This book is generated with [Pandoc book template](https://github.com/wikiti/pandoc-book-template).
## License
[Creative Commons Attribution 4.0 International](https://creativecommons.org/licenses/by/4.0/)