🏞 Cartes avec Effet de Survol

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Composants de cartes animées en HTML et CSS avec effet de survol dynamique.
Chaque carte affiche un visuel avec texte descriptif et bouton, révélés lors du hover.

Design responsive, animations fluides en pur CSS, parfait pour portfolios, galeries ou sections "À propos".

🛠️ Technologies

• HTML5 sémantique
• CSS3 moderne (Custom properties, media queries, animations)
• Responsive Design avec breakpoints
• Aucune dépendance JS

🎯 Fonctionnalités

• Apparition animée du texte lors du survol de l’image
• Design responsive multi-colonnes (1, 2 ou 3 cartes selon la taille d’écran)
• Transitions douces et effets CSS (@keyframes, :hover)
• Images et données facilement modifiables
• Aucune librairie externe requise

🚀 Installation

✅ Prérequis

• Un navigateur moderne (Google Chrome)
• Un éditeur de code (VS Code)

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/card-hover-effects_css.git

▶️ Lancer localement

Il suffit d’ouvrir le fichier index.html dans un navigateur, ou d’utiliser l’extension Live Server sur VS Code.