STACK TECH MICRO INTERACTIONS

Micro-Interactions Core

Catálogo de 50 versiones visuales utilizando CSS3, Tailwind y JS Vainilla.
Prueba Hover (ratón) y Click (activo) en cada elemento.

Escala y Movimiento

1. Scale Up
2. Shrink
3. Lift
4. Sink (Click)
5. Rotate
6. Twist
7. Skew
8. 3D Flip
9. Wobble
10. Jello

Color y Bordes

11. Color Fill
12. Text Swap
13. Border Glow
14. Gradient Move
15. Underline
16. Pulse Ring
17. Ghost Fill
18. Saturate
19. Invert
20. Alert

Sombras y Profundidad

21. Elevation
22. Neumorphism
23. Inset (Click)
24. Neon Text
25. Floating
26. Color Shadow
27. Button Press
28. Drop Shadow
29. Spread
30. Left Marker

Estados e Iconos

31. Like Toggle
32. Bookmark
33. Switch
34. Checkbox
35. Delete
36. Notification
37. Load (Hold)
38. Copy Feedback
39. Download
40. Arrow Hint

Ripple, JS & Haptic

41. Material Ripple
42. JS Shake (Error)
43. Star Burst
44. Swipe Fill
45. Magnetic
46. Glitch
47. Haptic (Vibrate)
48. Reveal
Hola, soy un tooltip
49. Tooltip
50. JS 3D Tilt