Home

Tutoriais

Freelancer

Efeito Hover em Cards

Código CSS

				
					.card{
    transition: all .3s
}

.containerCards:hover .card{
    opacity: .5;
    filter: blur(6px) saturate(0);
    scale: .95;
    transform: translatey(12px);
}

.containerCards .card:hover{
    opacity: 1;
    transform: translatey(-20px);
    filter: blur(0px);
    scale: 1.1
}