JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div></div>

CSS

div{
    background-image:url("http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg");
    background-size:cover;
    width:200px;
    height:150px;
    
}
div:hover{
    animation:bg 1s;
}
@keyframes bg{
    from{ 
        background-image:url("http://cdn.playbuzz.com/cdn/0079c830-3406-4c05-a5c1-bc43e8f01479/7dd84d70-768b-492b-88f7-a6c70f2db2e9.jpg");
    }
    to{
         background-image:url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQZt8oqfJFh5avA7pMZQEldMibmlr61PWhTgvooU64OVdX5F9Il);
    }
}