loading...
Cover image for Creating CSS animations with just a few clicks.

Creating CSS animations with just a few clicks.

kedark profile image Kedar.K 惻2 min read

Free Resources (5 Part Series)

1) Free illustrations resources for the web - Make your next project cooler!šŸ˜Ž 2) Stuck at home, corona? Spend your time learning for free (15,000+ hours content). 3) 5 Places to host your website for free 4) It's time to understand the code visually 5) Creating CSS animations with just a few clicks.

Animations are amazing, aren't they? They make the web more attractive and contribute positively towards the User Experience.

A while ago I found this tool by @sleumasm by which you will be able to create CSS animations by just changing the values and clicking the play button and at the end if you like it just copy the CSS and use it straight away in your website.

Currently, there are two versions of it. The developer recently developed the new version with vue and our favorite dark mode. Here is the new version

Alt Text

you can use the web app or the chrome extension

well, there may be some bugs in the new version hence you can use the old one too until the new one is completely bug-free

Alt Text

there is web app for older version too.

There are some perks using the chrome extension - you can create animations on any web page you like.

Well, I hope this will be useful to you.

Happy Animating,
Stay Safe.

--

Other Reads

Don't forget to follow me on Twitter or Dev for updates on amazing technology stuff.

Free Resources (5 Part Series)

1) Free illustrations resources for the web - Make your next project cooler!šŸ˜Ž 2) Stuck at home, corona? Spend your time learning for free (15,000+ hours content). 3) 5 Places to host your website for free 4) It's time to understand the code visually 5) Creating CSS animations with just a few clicks.

Posted on by:

kedark profile

Kedar.K

@kedark

An extrovert computer programmer! Web UI/UX | Love Silicon Valley | Development in python | Freelance | student | machine learning enthusiast.

Discussion

markdown guide