console
<div class="pictureBar">
<img class="picture" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201807%2F06%2F20180706214246_tcxcx.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1627440185&t=3b398422ae5f7fac925c365cd474682d" alt="" srcset="">
<img class="picture" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fmobile%2F2018-03-05%2F5a9ca9caab09b.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1627440185&t=e1689882238565199a610f73be13b5df" alt="" srcset="">
<img class="picture" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fim6.leaderhero.com%2Fwallpaper%2Fuser%2F195%2Ff729e7ae21e740d597f9c26f3bcfb5cd.jpg&refer=http%3A%2F%2Fim6.leaderhero.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1627440185&t=a797d174830d2418a53c3f806c3e2ed3" alt="" srcset="">
<img class="picture" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201610%2F21%2F20161021152922_3URMa.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1627440185&t=ae42a2a9a3ff7a33eb1becdd0845662d" alt="" srcset="">
<img class="picture" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ftu1.whhost.net%2Fuploads%2F20181229%2F13%2F1546059736-VlzarEPKmH.jpg&refer=http%3A%2F%2Ftu1.whhost.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1627440185&t=7bfd332bff0d2ae5f1a4e58ae48362cf" alt="" srcset="">
</div>
.pictureBar{
display: flex;
justify-content: center;
margin: 10vh 0;
}
.picture{
width: 15vw;
margin:0 15px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
position: relative;
top: 0;
transition: all .5s;
}
.picture:hover{
box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 1);
position: relative;
top: -1vh;
}