CSS3是前端開發中常用的技術之一，它可以實現很多效果，包括光環放大。光環放大是一種非常炫酷的效果，可以很好地增強網站視覺效果和用戶體驗。

要實現光環放大效果，我們需要使用CSS3中的偽元素:after。通過對這個元素的樣式設置，我們可以實現光環的效果。

selector:after {
content: "";
position: absolute;
z-index: -1;
top: -10px;
left: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
border-radius: 50%;
background-color: rgba(255, 255, 255, .2);
filter: blur(30px);
opacity: 0;
transition: all 0.3s ease-in-out;
}
selector:hover:after {
width: calc(100% + 50px);
height: calc(100% + 50px);
top: -25px;
left: -25px;
opacity: 1;
}

在上面的代碼中，我們使用了偽元素:after來生成光環效果。這個元素的content屬性設置為空字符串，這個元素的位置使用了絕對定位，所以我們需要保證父元素相對定位。

設置寬度和高度為calc(100% + 20px)是為了讓光環超出父元素范圍，以便形成完整的光環效果。邊框半徑設置為50%是為了讓光環成為圓形，加上背景色和模糊效果能夠讓光環更加立體。

在:hover狀態下，我們把光環的寬度和高度分別設置成calc(100% + 50px)，加上top和left屬性的負值可以讓光環變得更大，并且改變透明度來讓光環更加明顯。

使用CSS3實現光環放大效果非常簡單，只需要對:before或:after中的樣式進行設置就可以實現。通過改變不同的樣式屬性，可以得到不同的光環效果。