CSS全屏焦點圖是一種常見的網(wǎng)頁設計元素，可以很好地展示產(chǎn)品或內(nèi)容。以下是一個簡單的CSS代碼示例，可以用來實現(xiàn)全屏焦點圖效果。

/* HTML代碼中需要定義一個容器元素，例如
*/
/* 定義slider容器的樣式 */
#slider {
position: relative;
overflow: hidden;
}
/* 定義圖片容器的樣式 */
#slider img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1s ease-in-out;
}
/* 定義第一張圖片的樣式 */
#slider img:first-child {
opacity: 1;
}
/* 定義輪播效果 */
#slider img.active {
opacity: 1;
}
/* 定義prev和next按鈕的樣式 */
#slider .prev,
#slider .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-color: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
line-height: 50px;
cursor: pointer;
}
#slider .prev {
left: 0;
}
#slider .next {
right: 0;
}

這段代碼使用了CSS的position和opacity屬性來實現(xiàn)圖片的輪播效果。圖片容器采用了絕對定位，覆蓋在slider容器之上，opacity屬性設為0，使得圖片不可見。當某張圖片被設為active狀態(tài)時，其opacity屬性會被設置為1，因此該圖片變得可見。

另外，這段代碼還定義了prev和next按鈕樣式，使得用戶可以手動切換輪播圖。prev和next按鈕使用絕對定位，分別位于輪播圖的左右兩側，通過cursor屬性設為pointer，使鼠標移上去時呈現(xiàn)手型光標。