CSS3的div閃光是一種非常有趣的效果，可以用來美化網(wǎng)頁設(shè)計，讓頁面更加動感和時尚。下面我們來看看怎么實現(xiàn)閃光效果。

.shine {
position: relative;
display: inline-block;
}
.shine:after {
content: "";
display: block;
position: absolute;
top: 0;
left: -75px;
width: 50px;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
animation: shine 2s infinite;
}
@keyframes shine {
0% {
left: -75px;
}
50% {
left: calc(100% + 75px);
}
100% {
left: -75px;
}
}

首先，我們需要在CSS中設(shè)置div的顯示屬性為inline-block，并且將其定位屬性設(shè)置為relative。接下來，我們使用偽元素after來添加一個透明的白色線條，并設(shè)置其位置、尺寸、背景等屬性。

在這里，我們使用了CSS3的線性漸變屬性和動畫屬性。線性漸變屬性可以讓我們設(shè)置元素背景的漸變效果，這里我們設(shè)定了一個從透明到半透明的漸變，使得線條看起來更加柔和和流暢。動畫屬性可以讓元素產(chǎn)生一些動效，這里我們設(shè)定了一個閃光的動畫，讓白色線條在左右移動的同時產(chǎn)生閃爍效果。

最后，我們將動畫屬性設(shè)為infinite，表示動畫將一直循環(huán)播放。

調(diào)整div的寬度和高度、背景顏色等屬性，就可以讓這個div元素產(chǎn)生一個特殊的閃光效果了。