CSS手機半透明框是現在手機界面設計中非常流行的一種效果。通過設置透明度，讓框體更加簡潔美觀。下面我們來介紹如何制作一個CSS手機半透明框。

/* CSS代碼 */
.container {
background-color: rgba(255, 255, 255, 0.7);  /* 設置背景色以及透明度 */
border-radius: 10px;  /* 設置圓角 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  /* 添加陰影效果 */
padding: 10px;
margin: 10px;
}

首先，我們先創建一個div容器，設置其class為container。在CSS中使用rgba()函數可以設置顏色和透明度。取值范圍是0~1,其中0表示完全透明，1表示不透明。本例中設置白色背景，并將透明度設置為0.7，使得框體半透明。接下來，我們使用border-radius屬性來設置圓角，這里設為10px。再使用box-shadow屬性來添加陰影，這里設置一個半透明的黑色陰影。padding屬性用于設置容器內部元素與容器邊緣的距離，這里設為10px。最后，為了讓局部效果更加明顯，我們給容器設置了一個margin值為10px。

通過以上CSS代碼，我們可以制作出一個簡單的CSS手機半透明框效果。當然，你也可以根據實際需求調整屬性值，來達到更好的效果。