Search Results for "css class copier"

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation.

...The library emphasizes small, reusable snippets: you copy a minimal markup block, apply the provided class, and tweak size or color through CSS variables or overrides. Animations are crafted to be smooth and performant, relying on GPU-friendly properties to keep frame rates high even on mobile devices. The set covers common loading metaphors (pulsing dots, rotating squares, bouncing bars), giving designers a consistent visual language across a site while keeping bundle size tiny.

Include the file magic.css or include the minified version magic.min.css. If you want to customize the CSS files, now you will have the chance. Load the animation after certain time. Load the animation after certain time but with an infinite loop. You can change the time of the animation by setting the class magictime. Assign the timing to a specific animation. You can include only certain animations. Comment or uncomment your desired file and run from terminal the provided commands.

A cross browser set of client side web components implemented with JavaScript and CSS.