A collection of awesome and beginner-friendly HTML, CSS, and JavaScript effects. Use these in your portfolio, websites, or learn from them!
- ✨ Hover Button Animation: Adds an interactive hover effect to buttons with glowing animation.
- ⌨️ Typing Text Effect: A JavaScript typing animation that simulates text being typed out character by character.
- 💎 Glassmorphism UI Card: A visually appealing glassmorphism effect applied to a card.
- 🖤 Dark Mode Toggle: Switch between light and dark mode to give users control over their viewing experience.
- 🔝 Scroll-to-Top Button: A button that allows users to smoothly scroll back to the top of the page.
- 🖱 Hover Animations: Interactive hover effects on various elements to make your page more dynamic.
- 🪶 Expandable Cards: Cards that expand and collapse when clicked, adding an interactive touch to your content.
- 🌟 Slide-In Text: Text that slides into view when scrolled into the viewport.
- ✨ Button Hover Glow: Buttons with a glowing effect when hovered over.
- 📷 Image Hover Zoom: Images that zoom slightly when hovered over, creating a sense of interactivity.
- 💬 Tooltip on Hover: Displays a tooltip when hovering over an element, providing extra information or hints.
- Clone the repo:
git clone https://github.com/DMS-Menula/awesome-web-effects.git