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

posted @ 2020-12-03 09:08  wangmeihao  阅读(74)  评论(0编辑  收藏  举报