@ebolax/animated-icons 1.0.24 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/animated-icons.bundle.min.css +1 -1
- package/dist/animated-icons.css +251 -205
- package/dist/animated-icons.min.css +1 -1
- package/dist/icons.json +194 -194
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -160,10 +160,13 @@ You can control the animation applied to any icon by setting the `--aic-animatio
|
|
|
160
160
|
- **bell-ring**: Mimics a ringing bell; a subtle shaking from the top, great for notification or alert icons.
|
|
161
161
|
- **dot-appear**: Fades & scales a dot in/out; best for indicators and "active" states.
|
|
162
162
|
- **fade**: Simple fade-in/out effect.
|
|
163
|
+
- **flip-3d**: 3D flip on the Y axis; good for cards, reveal, or turn effects.
|
|
164
|
+
- **flip-in-3d**: 3D flip from back to front (rotateX); ideal for reveal or “flip in” transitions.
|
|
163
165
|
- **gear**: Rotates as a gear; useful for settings, cog, or machinery icons.
|
|
164
166
|
- **heart-beat**: Pulseslike a beating heart. Use with heart or favorite icons.
|
|
165
167
|
- **mail-flap**: Flips/flaps on the Y axis like an envelope; works best with mail/envelope icons.
|
|
166
168
|
- **nudge-up, nudge-down, nudge-left, nudge-right, nudge-right-up, nudge-right-down, nudge-left-up, nudge-left-down**: Nudges the icon quickly in a given direction. Great for arrows, navigation, or "movement" cues.
|
|
169
|
+
- **orbit-3d**: Orbit-like subtle 3D rotation; adds depth for badges or decorative icons.
|
|
167
170
|
- **page-turn**: Simulates the corner of a page being turned; ideally used with book or document-related icons.
|
|
168
171
|
- **pulse-element**: Scales and pulses the icon, perfect for "live," "online," or attention-grabbing effects.
|
|
169
172
|
- **rocket-lift**: Lifts/launches like a rocket; fun for rocket, navigation, or launch-related icons.
|