CSS3中引入了許多新的效果，其中之一就是光線hover。這種效果可以為網頁添加更加豐富的交互體驗，讓用戶感到更加舒適和愉悅。

實現光線hover效果的方法很簡單，只需要在CSS中使用一些簡單的屬性和值即可。下面是一個示例代碼：

.box {
position:relative;
}
.box:hover::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:
radial-gradient(circle,
rgba(255,255,255,0.2) 10%,
rgba(255,255,255,0) 30%
);
transition:all 0.6s ease-out;
transform:scale(2) translate(-25%, -25%);
opacity:0;
}

通過設置box元素的position屬性為relative，然后在其:hover狀態下添加一個偽元素::before，就能為box元素添加光線hover效果了。其中，偽元素的content屬性為空，使它不會顯示任何內容，而背景屬性中的radial-gradient則定義了這個光線的顏色、大小和透明度等屬性，從而使這個光線看起來更加真實。

通過添加transition屬性和transform屬性，可以讓光線的出現和消失更加平滑，同時也可以使它有一個放大和縮小的效果。最后，opacity屬性設置為0，使得光線一開始是不可見的，當:hover狀態下時才會出現。

總之，CSS3中的光線hover效果是一個非常好用的特效，只需要很少的代碼就能實現一個漂亮的效果，為網頁添加更多的動感和互動體驗。