Logo Origami
Animated flipping logo with origami effect.
API
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | string | "" | Additional CSS classes for custom styling. |
duration | number | 1.5 | Duration of the flip animation in seconds. |
delay | number | 2.5 | Delay between flip animations in seconds. |
Component Code
You can copy and paste the following code to create this component:
Features
- Origami Flip Animation: Animates flipping between multiple child components with an origami-style effect.
- Customizable Timing: Adjust the
durationanddelayprops to control the animation speed and interval. - Slot-Based Content: Accepts multiple child components or content via default slots.
- Responsive Design: Designed to adapt to various screen sizes and devices.
- Easy Integration: Simple to include in your Vue projects with minimal setup.
Credits
- Inspired by origami animations and flip effects at hover.dev