Fun short frontend projects

1. The Ultimate Hacker Effect for Text...
2. Blob following mouse around
3. Cool Navbar
4. A Calm and Relaxing Animation for HomePage

• Using interval to animate the text
• dataset value to store data in HTML
• map function to iterate over an array

• Using linear gradient to create a background
• Using transform to rotate an element
• Using z-index to control the stacking order of elements
• Using backdrop-filter to blur the background
• Using display:flex to align elements
• JavaScript animate function

• Using CSS variables
• Using CSS clamp function
• Using :before and :after pseudo elements
• Using nth-child to select elements

• Using transition to animate elements
• Creating seemingly complex animations with simple CSS and JS