全屏海報輪播css代碼生是一款非常實用的工具，憑借簡單易學、高效方便的特點，得到了越來越多的使用者的青睞。

下面我們講一下使用全屏海報輪播css代碼生的方法：

.banner{
position: relative;
height: 100vh;
overflow: hidden;
}
.banner img{
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.banner ul{
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
}
.banner ul li{
margin: 0 10px;
}
.banner .dots{
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
}
.banner .dots span{
width: 10px;
height: 10px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 10px;
cursor: pointer;
}
.banner .dots span.active{
background-color: #fff;
}

以上就是全屏海報輪播css代碼生的使用方法。