CSS3彈框陰影中，50%的陰影是一種常見的設計方式，它可以讓彈框看上去更加立體且有層次感。下面是使用CSS3編寫50%陰影的彈框以及相關代碼：

/* 彈框 */
.popup {
width: 400px;
height: 300px;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
}
/* 陰影 */
.popup:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: -25px;
left: 0;
border-radius: 0 0 50% 50%;
background-color: rgba(0, 0, 0, 0.5);
filter: blur(30px);
z-index: -1;
}

上述代碼中，彈框樣式設置了寬度、高度、背景色、定位和陰影。陰影的設置使用了box-shadow屬性，其中0px 10px 20px rgba(0, 0, 0, 0.5)表示水平和垂直陰影偏移量為0，模糊半徑為10px，陰影顏色為黑色（rgba中的a表示透明度，0.5表示50%透明度）。

在彈框中使用:before偽類來添加陰影。此處定義了content為" "，表示偽元素為空，寬高為100%，定位在彈框的上方（top:-25px）并且居中（left:0）。利用border-radius屬性可以讓偽元素的下部呈現出半圓形，達到50%陰影的效果。設置了background-color為黑色，透明度為50%（rgba(0, 0, 0, 0.5)），并且應用了filter的blur(30px)函數，使得整個陰影看起來更加柔和。

通過以上代碼，我們可以輕松地實現一個美觀、立體感強的50%陰影彈框效果。