open-index/open-npm huggingface dataset:
npm package: @rlwchang/zillow-homework-2
Description: Second part of the Zillow assignemnt. Houses the isomorphic app.
Author: Richard Chang
Latest version: 1.0.1

# zillow-homework-2

Please refer to https://www.npmjs.com/package/@rlwchang/zillow-homework or https://github.com/rlwchang/zillow-homework for more details.
npm package: @rlx-animates/circular-swing
Description: A simple CSS animation package for circular swing effects
Author: relaxedleaf
Latest version: 0.0.1

# @circular-swing/css

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

## Installation

```bash
npm install @circular-swing/css
```

## Usage

Import the CSS file in your project:

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

Or include it directly in your HTML:

```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

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

## License

MIT