@circular-swing/css

A simple CSS animation package that provides a circular swing animation effect.

Installation

npm install @circular-swing/css

Usage

Import the CSS file in your project:

@import '@circular-swing/css/circular-swing.css';

Or include it directly in your HTML:

<link rel="stylesheet" href="node_modules/@circular-swing/css/circular-swing.css">

Animation

The package provides a CSS custom property --animate-circular-swing that creates a circular swinging motion:

• Duration: 2 seconds
• Timing: ease-in-out
• Iteration: infinite
• Effect: Rotates from 0° to 22.5° and back, creating a gentle swinging motion

Example

<div style="animation: var(--animate-circular-swing);">
  This element will swing in a circular motion
</div>

License

MIT