article{ width: 700px;
         margin: 200px auto;
         background-color: aqua;

}


article h3{
    text-align: center;
}



article img{
     width: 100%;
    transition: all 1s;}

#escala:hover{
    transform: scale(0.8);}

#imagen2:hover{
     transform: rotate(360deg);}

#rotar:hover{ transform: skew(50deg,10deg); }


#pesper:hover{ 
    transform: skew(10deg,10deg); }


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


#embejesido:hover{
    filter: sepia(1);
}

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

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



#tono:hover{
    filter: hue-rotate(350deg)
}


#negativo:hover{
    filter: invert(1);
}


#saturacion:hover{
    filter: saturate(5);
}


#opacidad:hover{
    opacity: 0.5;
}


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

#mix2:hover{
    filter: invert(1) blur(5px);
}