→ Anonymous
→ Profile Card with Hover Reveal

Profile Card with Hover Reveal

This Example is contributed by Anonymous, on 30-Mar-2025. It is responsive.

Hover Effect Contact Card Profile Flip Card

<div class="profile-card">
  <div class="card-inner">
    <div class="card-front">
      <div class="profile-image">
        <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Emma Thompson">
      </div>
      <div class="profile-info">
        <h2>Emma Thompson</h2>
        <p class="job-title">Senior UX Designer</p>
        <p class="location">San Francisco, CA</p>
      </div>
    </div>
    <div class="card-back">
      <h2>Emma Thompson</h2>
      <p class="username">@emma_dev</p>
      <div class="bio">
        <p>Creative designer with 6+ years of experience crafting digital experiences for startups and enterprise clients.</p>
      </div>
      <div class="contact-info">
        <div class="info-item">
          <span class="icon">✉️</span>
          <span>emma.t@designco.com</span>
        </div>
        <div class="info-item">
          <span class="icon">📞</span>
          <span>(555) 123-4567</span>
        </div>
      </div>
      <div class="social-links">
        <a href="#" class="social-link">🐦</a>
        <a href="#" class="social-link">💼</a>
        <a href="#" class="social-link">📸</a>
        <a href="#" class="social-link">🌐</a>
      </div>
    </div>
  </div>
</div>

Related Examples

Interactive Profile Card with Social Media Links
Stunning profile card featuring smooth 3D transitions, social media integration, and modern gradient effects for enhanced user engagement

Author:
Emma Thompson

7 months ago
Flip Animation Profile Info Card
Clean and responsive animated information card with subtle hover effects and smooth transitions, ideal for portfolios, team pages, or product showcases.

Author:
Morgan

6 months ago
Profile Card
A beautifully designed profile card featuring smooth gradient animations and social media integration for modern web applications

Author:
Emma Thompson

7 months ago
Floating Social Media Profile Card
A beautifully designed profile card featuring smooth gradient backgrounds, hover animations, and social media integration

Author:
Emma Thompson

7 months ago
Modern User Profile Card with Animated Stats

Author:
Emma Thompson

6 months ago
Simple Author Card

Author:
Prajwal Hallale

7 months ago
Flip cards
A collection of interactive animated cards that flip and transform on hover, adding dynamic visual interest to your web page.

Author:
Aiden Mercer

5 months ago
Animated Profile Card with Hover Effects and Social Links

Author:
Priya Sharma

7 months ago
Elegant Profile Hover Card with Animation Effects
A stylish hover card that reveals detailed user information with a smooth animation when hovering over a profile thumbnail.

Author:
Maya Johnson

5 months ago
Flipping Card Animation
A stylish interactive card that smoothly flips to reveal content on the back when hovered. Perfect for showcasing product features or team members.

Author:
Sofia Martinez

5 months ago
Gradient Morphing Card with Hover Animation
Stunning profile card with dynamic gradient background animation and glassmorphism effects, perfect for showcasing user profiles or team members.

Author:
Emma Thompson

6 months ago
Profile Card with Social Media Links

Author:
Anonymous

5 months ago

Didn't find component you were looking for?

Search from 500+ components