Testing transitions

by vintharas

HTML

<img class="becomes-opaque"  src="https://pbs.twimg.com/profile_images/378800000699424369/517c9dff8cb563b7028b41625295de0f_400x400.png" width=200/>

CSS

.becomes-opaque{
    opacity: 0.5;
    transition: opacity 1s, transform .35s ease-in-out;
}

.becomes-opaque:hover{
    opacity: 1;
    transform: translateX(50px);
}