CSS方框擴散效果是一種視覺效果，通過CSS動畫實現，可以使指定的方框在被點擊后擴散出去，形成一種炫酷的效果，具有很好的應用價值。

.box {
position: relative;
}
.btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #F44336;
cursor: pointer;
box-shadow: 0 0 5px #F44336;
transition: all 0.3s ease;
}
.btn:hover {
box-shadow: 0 0 10px #F44336;
}
.btn:active {
animation: expand 0.5s ease;
}
@keyframes expand {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(10);
opacity: 0;
}
}

代碼中首先需要定義一個包裹方框的容器，以及一個觸發擴散效果的按鈕。按鈕采用絕對定位，并通過transform將其置于容器中心。

按鈕的樣式包括寬度、高度、邊框半徑、背景色、光標樣式以及hover效果，hover時會觸發按鈕的box-shadow效果。

在按鈕被點擊時，通過animation屬性觸發expand動畫。其中，expand定義了擴散動畫的過程，從原始大小開始，逐漸擴大至10倍，并最終消失不見。

以上代碼即可在網頁中使用，實現炫酷的方框擴散效果。