Plateforme immobiliere avec listings, filtres et galeries.
Le titre en gradient blanc-gris cree un effet premium, tandis que les prix en bleu attirent immediatement l'oeil sur l'information cle pour l'acheteur potentiel.
background: linear-gradient(135deg, #fff, #9ca3af) + background-clip: text Explorer Texte & Typo →La carte s'eleve de 8px avec une bordure bleue et une ombre coloree au survol. L'image zoome a 1.1x, simulant un "zoom dans la propriete" qui engage visuellement le visiteur.
transform: translateY(-8px) + box-shadow: rgba(59,130,246,0.15) Explorer Cartes & Layouts →L'onglet actif change de couleur avec une transition fluide, et les filtres s'animent au clic. Rend la recherche intuitive et reactive pour l'utilisateur.
transition: all 0.3s ease + .active background: primary Explorer Transitions →Le header fixe utilise backdrop-filter: blur pour rester lisible tout en revelant subtilement le contenu derriere. Effet glass premium adapte a l'immobilier de luxe.
backdrop-filter: blur(20px) + background: rgba(10,10,15,0.9) Explorer Glass & Morphism →Les badges colores avec gradient dore pour "Premium" distinguent visuellement les biens haut de gamme, guidant l'acheteur vers les offres exclusives.
background: linear-gradient(135deg, #f59e0b, #d97706) Explorer Utilitaires →Une barre gradient apparait en haut de la carte au survol via scaleX(0) vers scaleX(1). Micro-feedback qui confirme l'interactivite et enrichit l'experience de navigation.
transform: scaleX(0) to scaleX(1) + translateY(-8px) Explorer Hover & Interactions →Le bouton favori utilise un fond semi-transparent avec backdrop-filter blur, devenant bleu au survol. Design glass discret qui ne cache pas l'image mais reste toujours accessible.
backdrop-filter: blur(10px) + background: rgba(0,0,0,0.5) Explorer Glass & Morphism →