limal / gif-css-animation-monorepo Public

Notifications You must be signed in to change notification settings
Fork 0
Star 7

A programmer way to make animations using HTML/CSS and JS

7 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
images		images
nginx		nginx
Dockerfile		Dockerfile
README.md		README.md
final-animation.gif		final-animation.gif
frames.svg		frames.svg
index.html		index.html
style.css		style.css

Repository files navigation

GIF made in HTML/CSS/JS

A repository of a web page I created to make below animation for my article:

Simplify your monorepo with npm 7 workspaces.

Online demo

monorepo-anim.wolnik.co.uk

GIF result

Who needs Adobe Effects anyway?

Instructions

Open the index.html page in your browser.
Record your desktop screen and save in GIF.

Tools used

Inkscape for editing SVG for frames
Peek to record desktop and save in GIF (Linux only)

About

A programmer way to make animations using HTML/CSS and JS

Report repository

Releases

No releases published

Packages

No packages published

Languages