CSS3的手機(jī)相冊(cè)功能，讓用戶能夠在手機(jī)上更加方便地查看和管理自己的照片。

/*設(shè)置相冊(cè)容器*/
.album-container{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
}
/*設(shè)置相冊(cè)背景*/
.album-bg{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
}
/*設(shè)置相冊(cè)內(nèi)容*/
.album-content{
max-width: 95%;
max-height: 95%;
overflow: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*設(shè)置相冊(cè)圖片*/
.album-img{
margin: 10px;
border: 2px solid #FFF;
transition: all 0.5s ease-in-out;
}
/*鼠標(biāo)懸停效果*/
.album-img:hover{
cursor: pointer;
transform: scale(1.2);
border-color: #FFC107;
}
/*取消鍵*/
.cancel-btn{
position: absolute;
top: 2%;
right: 2%;
color: #FFF;
font-size: 20px;
cursor: pointer;
}

上面就是CSS3手機(jī)相冊(cè)的主要樣式代碼，通過(guò)這些代碼能夠讓相冊(cè)呈現(xiàn)出美觀的外觀和卓越的用戶體驗(yàn)。