CSS全屏圖片輪播是一種常見的網頁布局技術，可以用來展示大量的圖片，并且可以隨著用戶滾動頁面而自動切換。下面是一個簡單的全屏圖片輪播的CSS代碼示例：
```html
<!DOCTYPE html>
<html>
<head>
<title>CSS圖片輪播</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
.container {
display: flex;
flex-wrap: wrap;
width: 300px;
background-color: #fff;
margin: 0 auto;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin-bottom: 20px;
width: 100%;
height: auto;
height: 100%;
</style>
</head>
<body>
<div class="container">
</div>
</div>
</div>
</div>
</body>
</html>
在這個示例中，我們使用了`display: flex`來將容器設置為一個 Flexbox 布局，從而使其具有彈性和可擴展性。`flex-wrap`屬性使其可以wrap 到任意長度。`width: 300px`定義了容器的寬度為300像素。
`background-color: #fff`定義了背景顏色為白色。
`margin: 0 auto`定義了容器的邊距為0，并且使每個子元素都居中對齊。
`padding: 20px`定義了容器的邊距為20像素。
`box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)`定義了子元素的邊距為10像素，并且添加了一個陰影效果。
以上就是CSS全屏圖片輪播的實現方法，通過使用 Flexbox 布局和圖片容器的自動滾動功能，可以輕松實現圖片的輪播效果。