lo puedes solucionar usando javascript, te proporciono el código // JavaScript const contenedor = document.querySelector('.contenedor'); contenedor.addEventListener('mouseover', () => { contenedor.style.transform = 'translateX(300px)'; contenedor.style.backgroundColor = 'red'; }); Con CSS es imposible lograr el efecto que tu quieres, ya que el hover en css trabaja de esa manera. Pero con Javascript puedes lograr el efecto que quieres con listener "mouseover".