Text Overlay Effect

Related Examples

• 
  Responsive Multi-Step Registration

  Responsive Multi-Step Registration

  Author:
  Tanvir Hasan Bappy (Tanvir)

  4 weeks ago

  268
• 
  Tailwind CSS Blog sharing buttons with blog details

  Introducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.

  Author:
  Abid Ullah

  3 months ago

  525
• 
  rotate card

  rotate card

  Author:
  Tanvir Hasan Bappy (Tanvir)

  4 weeks ago

  300
• Typewriter animation effect

  Build using only Tailwind CSS; no JavaScript is required. This is a continuous typing effect. If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.

  Author:
  Samuel Dawson

  1 year ago

  16.1k
• 
  Product hunt showcase

  Author:
  Lukas Müller

  1 year ago

  11.3k
• 
  cards

  cards with background animation

  Author:
  Anonymous

  1 year ago

  9.6k
• 
  Payment Cards

  Author:
  Shammi Nethupul

  4 months ago

  977
• 
  Periodic Table with Tailwind CSS

  Author:
  Michael Andreuzza

  7 months ago

  1.2k
• 
  Checkbox

  Checkbox

  Author:
  Aman kumar

  5 months ago

  801
• 
  Responsive fullscreen youtube video

  Author:
  Anonymous

  1 year ago

  7.7k
• 
  Forgot Password Form

  1. Color Updates: 1. Changed background to gradient `from-indigo-800 to-blue-900` 2. Updated text colors to match the new theme 3. Changed button colors to `bg-indigo-800` with `hover:bg-blue-900` 4. Updated focus rings to use indigo colors 5. Made footer links white with indigo hover states 2. Enhanced Styling: 1. Added gradient background 2. Improved border radius to `rounded-xl` 3. Enhanced shadow with `shadow-2xl` 4. Added hover scale effects 5. Added fade-in animation 3. Dark Mode Improvements: 1. Enhanced dark mode colors 2. Added system preference detection 3. Improved dark mode contrast 4. Updated dark mode focus rings 4. Added Functionality: 1. Added form validation 2. Added success message 3. Added form reset after submission 4. Added smooth transitions 5. Accessibility Improvements: 1. Maintained ARIA attributes 2. Enhanced focus states 3. Improved color contrast 4. Added transition animations for better UX 6. Added Interactions: 1. Hover effects on all interactive elements 2. Scale animation on card and button hover 3. Smooth color transitions 4. Form validation feedback The form now matches the Indigo-800 and Blue-900 color scheme while maintaining dark mode support and adding enhanced animations and interactions.

  Author:
  nejaa badr

  1 month ago

  305
• 
  Play, Pause and Stop buttons

  Author:
  Lukas Müller

  1 year ago

  10k