源码
<div class="warp">
<div class="style_prevu_kit" style="background-color:#cb2025;"></div>
<div class="style_prevu_kit" style="background-color:#f8b334;"></div>
<div class="style_prevu_kit" style="background-color:#97bf0d;"></div>
<div class="style_prevu_kit" style="background-color:#00a096;"></div>
<div class="style_prevu_kit" style="background-color:#93a6a8;"></div>
</div>
<style>
.warp{
background-color:#f1f2f3;
display: flex;
align-items: center;
justify-content: space-around;
width: 100%;
height: 260px;
padding: 0 50px;
box-sizing: border-box;
overflow: hidden;
}
.style_prevu_kit{
display:inline-block;
cursor: pointer;
border:0;
width:19%;
height:150px;
position: relative;
transition: all 200ms ease-in;
transform: scale(1);
}
.style_prevu_kit:hover{
box-shadow: 0px 0px 150px #000000;
z-index: 2;
transition: all 200ms ease-in;
transform: scale(1.5);
}
</style>