Colaboradores
const cards = document.querySelectorAll(‘.card’);
cards.forEach(card => {
card.addEventListener(‘mouseenter’, function() {
this.style.transform = ‘scale(1.05)’;
this.style.boxShadow = ‘0px 6px 25px rgba(0, 0, 0, 0.2)’;
const image = this.querySelector(‘img’);
const title = this.querySelector(‘h2’);
image.style.transform = ‘scale(1.1)’; // Efecto sobre la imagen
title.style.color = ‘#0066cc’; // Efecto sobre el título
});
card.addEventListener(‘mouseleave’, function() {
this.style.transform = ‘scale(1)’;
this.style.boxShadow = ‘0px 4px 15px rgba(0, 0, 0, 0.1)’;
const image = this.querySelector(‘img’);
const title = this.querySelector(‘h2’);
image.style.transform = ‘scale(1)’; // Vuelve al tamaño original de la imagen
title.style.color = ‘#333’; // Vuelve al color original del título
});
});