💚 100 days of Master in CSS Design series

1. Accordion

2. Bouncing balls

3. Testimonial box with a carousel using neumorphism design

4. Text with animation

5. Slider images animation

6. Navbar using neumorphism design

7. Navbar with an awesome animation

8. Card with hover effect

9. Button with a move up/down and hover effect

10. Button with an awesome neon effect with hover

11. Button with an awesome hover effect with gradient

12. Button with an awesome effect

13. Awesome hover using clip-path property

14. Preloader but it also looks like the Microsoft logo

15. Calculator layout(GRID) with neumorphism

16. Text like a spark with animation

17. Text or any object like neon or glowing design.

18. Hero section of the website

19. Design a button with hover effects

20. Card with an awesome hover effect

21. Card with an awesome hoverable effect

22. NavBar with a hoverable effect

23. NavBar with a hoverable effect

24. Button with an awesome hoverable effect

25. Footer section with these awesome typing and hover effects

26. Text typing animation

27. Tooltip when we hover on the icon

28. Buttons or nav links with these awesome

29. Button with an awesome hover effect

30. Button/Navigation with an awesome hover effect

31. Button with an awesome hover effect

32. Hoverable card

33. Hoverable card (similar to day 32)

34. Hoverable button using a clip-path

35. Hoverable button with animation

36. Hoverable box

37. Simple web page Coming Soon with these cool neon effects

38. Animated text

39. Project section with responsive using GRID

40. Input field with an awesome focus effect

41. Preloader similar to LinkedIn

42. Awesome border of any object

43. Awesome border of an image

44. SignUp form with glassmorphism design

45. Grid layouts

46. Social icons with these awesome hover effects

47. Login form

48. Login form

49. Instagram logo

50. Rotating card

51. Button with clip-path

52. Background of images using border-radius

53. Call to action(CTA) with this awesome animation

54. Text with this an awesome animation

55. Navigation menu bar

56. Button using a clip-path

57. Responsive navigation link using media queries

58. Hamburger button using media queries

59. Text with this awesome foreground animation

60. Preloader of the website

61. Preloader of the website

62. Icon with hover effect as well as animation

63. An awesome card

64. Pre-loader of the website

65. Hamburger button

66. Smooth drop-down navigation bar

67. Smooth drop-down navigation bar

68. Learn CSS selectors

69. Simple website with an awesome hover effect

70. Indian flag on the occasion of republic day

71. An awesome card with hover

72. Some cosmetic designs using before and after pseudo-element

73. Wavy effect using clip-path

74. Picture hoverable effect

75. Hero section of a website

76. Animated user section

77. Music player with neumorphism

78. Rounded navigation bar

79. Phone call with awesome wavy animation

80. Users section of the website

81. A small project for a "check triangle"

82. Text splitting when we hover over it

83. How to center an element using the "line-height" property

84. Build a hero section

85. Build a hero section

86. Build a hero section

87. Build a hero section

88. Learn about media queries!

89. A small section of the project

90. A heart shape with animation

91. Make responsive of our HERO section

92. What are rem and em units

93. Responsiveness of our HERO section

94. The hamburger button in our existing HERO section

95. Responsiveness of the HERO section

96. Fully responsive of our HERO section

97. Project section with responsiveness

98. Design the scrollbar of the website

99. Design a footer section

100. Host our website on @Netlify

---

Ajay Yadav 🎯 (@ATechAjay) If you like this make sure to:

1. Follow me @ATechAjay

2. Turn on the notification on Twitter to never miss these amazing tweets.

Thank you so much for staying to the end of this project.