body{
    background-color: blue;
}
figure { 
background-color: aqua;
    margin: 200px auto;
    width: 600px;
    
}


figure img{
    width: 100%;
    transition:all 0.8s;
}


#desenfoque:hover{ 
filter:blur(20px);
}


#grises:hover{
filter: grayscale(1);
}

#sepia:hover {
	filter: sepia(50%);
}

#invertido:hover {
	filter: invert(2);
}

#brillo:hover {
	filter: brightness(3);
}

#contraste:hover {
	filter: contrast(2);
}

#color:hover {
	filter: hue-rotate(180deg);
}

#saturacion:hover {
	filter: saturate(3);
}
#mix1:hover{
	filter: blur(15px) invert(0.5);
}

#mover:hover {
	transform: translate(50px,20px);
}

#escalar:hover{
	transform: scale(1.5);
	}
#rotar:hover{
	transform: rotate(15deg);
}

#perspectiva:hover {
	transform: skew(20deg,40deg);
}

#mix2:hover {
	transform: translate(30px,40px) scale(1.2);