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;

     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% );