SOURCE

<ul>
	<li><img src="https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg" alt=""></li>
	<li><img src="https://cdn.vuetifyjs.com/images/carousel/sky.jpg" alt=""></li>
	<li><img src="https://cdn.vuetifyjs.com/images/carousel/bird.jpg" alt=""></li>
	<li><img src="https://cdn.vuetifyjs.com/images/carousel/planet.jpg" alt=""></li>
</ul>

ul {
    width: 1440px;
    height: 500px;
    overflow: hidden;
    cursor: pointer;
}

ul li {
    list-style: none;
    width: 360px;
    height: 500px;
    float: left;
    transition:width .5s;
}

ul:hover li {
    width:160px;
}

ul li:hover {
    width:960px;
}