banner小点点
1.banner小点点
.pc_ban .swiper-pagination-bullet {
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.pc_ban .swiper-pagination-bullet-active {
margin: 0 4px;
width: 40px;
height: 8px;
border-radius: 30px;
background: #fff;
}
2.图片裁剪 (起始点为盒子左上角)
clip-path: polygon(0 0 , 100% 0,100% 90%, 55% 90%,50% 100%, 45% 90%,0 90% );
-webkit-clip-path: polygon(0 0 , 100% 0,100% 90%, 55% 90%,50% 100%, 45% 90%,0 90% );