Text Overlay Effect

Related Examples

• Popover

  basic popover example

  Author:
  Dipti narayan

  2 years ago

  13.1k
• 
  AutoTrade

  Browse thousands of quality used cars from trusted sellers. Great prices and easy financing options available

  Author:
  INGRIDE MUZIRANENGE

  9 months ago

  845
• 
  Portfolio

  This responsive portfolio with dark mode support includes: 1. Fully responsive design that works on both desktop and mobile devices 2. Dark mode toggle with system preference detection and local storage persistence 3. Indigo-800 and Blue-900 color scheme for primary colors in light and dark modes 4. Beautiful animations and effects: 1. Fade-in and slide-up animations for sections using Intersection Observer 2. Hover effects on projects and buttons 3. Smooth scrolling for navigation 5. Mobile-friendly navigation with a toggle menu 6. Sections for About, Projects, and Contact 7. A contact form with styled inputs 8. Social media links in the footer 9. Accessibility considerations (proper heading structure, color contrast, focus styles, ARIA labels) Key features: - The color scheme uses Indigo-800 for light mode and orange-400 for dark mode as primary colors - Dark mode toggle in the header with a sun/moon icon - Sections fade in and slide up as they enter the viewport - Project cards have a hover effect with scaling and increased shadow - The contact form has animated focus states - Social media icons change color on hover - The layout is responsive, with a hamburger menu for mobile screens - Smooth scrolling behavior for navigation links - Dark mode preference is saved in local storage and syncs with system preference This implementation provides a visually appealing, accessible, and functional responsive portfolio with dark mode support, using HTML, Tailwind CSS, and vanilla JavaScript for the

  Author:
  nejaa badr

  1 year ago

  3.3k
• 
  5 Different Style of Button

  Gradient Button outline button neon button Sliding Background pulsing Button

  Author:
  KULDEEP

  8 months ago

  468
• 
  Invoice

  Invoice

  Author:
  Tanvir Hasan Bappy (Tanvir)

  11 months ago

  822
• 
  Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSS

  Need a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!

  Author:
  Abdul Baset Bappy

  11 months ago

  1.5k
• 
  super admin

  super admin

  Author:
  Tanvir Hasan Bappy (Tanvir)

  11 months ago

  1.1k
• 
  Floating "Go to Top" Button with Tailwind CSS

  🚀 Boost your website’s user experience with a sleek floating "Go to Top" button! This easy-to-implement solution uses Tailwind CSS for styling. ✔️ Smooth scroll to top ✔️ Clean and modern design ✔️ Responsive and animated effects Perfect for any website or portfolio! Add it today and make navigation effortless! 🔝💻

  Author:
  Abdul Baset Bappy

  11 months ago

  851
• 
  baseball bros

  baseball

  Author:
  Abel Wright

  1 week ago

  135
• 
  Show credit card details

  Author:
  Manuela Bianka

  3 years ago

  12.4k
• 
  card

  Author:
  Raul antonio de la cruz hernandez

  1 month ago

  48
• 
  delivery

  It will help us get our stuff delivered to your home in a way that your ordered items are delivered to your home.

  Author:
  Nishimwe Jeanine

  9 months ago

  441