box-shadow底部和頭部隱藏

.teacher-introduce{
margin: 20px 10px;
&:after{
content: "";
display:block;
clear: both;
}

//box-shadow隱形會消失。因為你設置了。overflow: hidden;用另外一種方式就可以清除緩存了。
>.type-page{
>div{
float:left;
width: 29%;
height: 220px;
transition: all 0.5s;
background: transparent;
border-radius: 5px;
text-align: center;
box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.2);
margin-left:40px;
border-top:5px solid #1a6bb1;
>img{
margin-top:40px;
}
}
}
}