VOV.CSS — The Intro

Vaibhav Tandon
Jun 7 · 2 min read

For implementing small animations we usually have to write many lines of code and being one of the lazy ones, I am not at all interested in writing the same CSS again and again for my all projects.

After facing such problems, I have an idea to create my own animation library. Yes, I know there are thousands out there, so why not add my own.

It is a small CSS library based on the implementations of the classes, all of the code is written using keyframes and thus easy to handle and easy to use.

VOV.CSS is really simple to use, all you need to do is to add the CSS files to your HTML file.


You can also add the CDN in the head section of your HTML file.

After adding the CDN link or vov.css file to your HTML file, just add classes to your element’s class attribute, It is that simple.

Like this,

vov.css consists of approx 55+ different types of animating classes and still counting in https://github.com/vaibhav111tandon/vov.css.

Here are some of my favourite animations,

You can do a whole bunch of other stuff with vov.css when you combine it with jQuery or add your own CSS rules which I use on a daily basis to make websites more interactive and beautiful.

If you like this post or library, please do hit 👏 below to support.

Thank you

Vaibhav Tandon

Written by

Android | Front End Web dev

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade