🎴 Bootstrap 5 Cards

20 exemples · bordures · couleurs · effets · responsive

📌 Cartes classiques avec bordures

Bordure Primary
Nature
Bordure Bleue

Card avec bordure primary et header coloré.

Action
Bordure Épaisse

Bordure success de 3px d'épaisseur.

Succès
Bordures Latérales

Bordures gauche et droite uniquement.

🎨 Couleurs de fond (bg-*)

Fond Primary

Texte blanc sur fond bleu.

Fond Success

Vert pour les confirmations.

Validé
Fond Warning

Attention avec texte foncé.

Alerte
Fond Info

Information importante.

🌈 Dégradés personnalisés

Dégradé Violet

Background avec gradient CSS.

Premium
Dégradé Rose

Style moderne et attractif.

Populaire

✨ Effets au survol (hover)

Lift
Lift

S'élève au survol.

Scale
Scale

Zoom léger au survol.

Glow

Lueur externe blanche.

Rotate

Légère rotation.

⚡ Effets spéciaux

Glass

Effet vitre avec flou d'arrière-plan.

Translucide
Bordure Dégradée

Bordure avec gradient animé.

Neon

Effet néon bleu électrique.

🖼️ Cards avec images et overlays

Overlay
Image Overlay

Texte par-dessus l'image.

© 2024
Horizontal
Horizontale

Image à gauche, texte à droite.

Responsive

🎬 Animations continues

Pulse

Animation de pulsation continue.

Floating

Lévitation douce et continue.

🎯 Bonus : Cards avancées

Fonctionnalités
Card Complète
  • Header ✓
  • Body ✓
  • Footer ✓
Mis à jour aujourd'hui

"Bootstrap 5 offre une flexibilité incroyable pour les cards."

Développeur Passionné
4.8 24 avis

✨ 20+ exemples de cards Bootstrap 5 · Tous responsive ✨

Bordures · Couleurs · Dégradés · Hover · Animations · Overlays