Minimal CSS Animations

Welcome to our CSS animations repository! Here you can find a variety of animations created using CSS at an intermediate level. Below is a list of 50 animations you can create:

1. Hover color change
2. Hover scale effect
3. Hover rotate effect
4. Hover opacity change
5. Hover underline effect
6. Hover border change
7. Hover background color change
8. Hover box shadow effect
9. Button pulse effect
10. Button slide in from left
11. Button slide in from right
12. Button slide up
13. Button slide down
14. Button fade in
15. Button fade out
16. Dropdown menu slide down
17. Dropdown menu slide up
18. Dropdown menu fade in
19. Dropdown menu fade out
20. Menu slide in from left
21. Menu slide in from right
22. Menu slide down
23. Menu slide up
24. Menu fade in
25. Menu fade out
26. Image zoom on hover
27. Image grayscale to color on hover
28. Image blur to clear on hover
29. Image rotate on hover
30. Image flip on hover
31. Card flip effect
32. Card slide in from left
33. Card slide in from right
34. Card slide up
35. Card fade in
36. Card fade out
37. Modal slide in from left
38. Modal slide in from right
39. Modal slide up
40. Modal slide down
41. Modal fade in
42. Modal fade out
43. Loading spinner animation
44. Scroll reveal animation
45. Text typing animation
46. Text slide in from left
47. Text slide in from right
48. Text slide up
49. Text slide down

Feel free to explore these animations and use them in your projects!