[Decode]

<style>
    .parent {
        width: 200px;
        background: #719cd6;
        text-align: center;
        line-height: 0;
        transition: all 2s linear;
    }

    .child {
        display: inline-block;
        mix-blend-mode: luminosity;
        filter: blur(5px);
        transition: all 2s linear;
    }

    .parent:hover {
        background: transparent;
    }

    .parent:hover > .child {
        mix-blend-mode: normal;
        filter: none;
    }
</style>

<div class="parent">
    <img class="child" src="http://placehold.it/100x100" alt="" />
</div>