🏞 Effet de Survol d'Images

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Composants d'images interactives animées en HTML et CSS pur avec effet de survol dynamique.

Chaque image associe un visuel attractif, un texte descriptif et un bouton d'action, le tout révélé élégamment au survol.

Design responsive, animations fluides en pur CSS, parfait pour portfolios, galeries, etc...

🛠️ Technologies

• HTML5 structuré et sémantique
• CSS3 moderne (variables CSS, media queries, animations)
• Responsive Design avec breakpoints
• Aucune dépendance JS : 100% CSS natif

🎯 Fonctionnalités

• Apparition animée du texte lors du survol de l’image
• Design responsive multi-colonnes : 1, 2 ou 3 images 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

• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code
• Live Server  —  Extension VS Code

📥 Cloner le projet

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

▶️ Lancer le projet

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