CSS3技術一直以來都是前端開發必備的基礎技能之一，而二維碼掃描特效在現代網站中也越來越常見。那么，在CSS3中如何實現二維碼掃描特效呢？接下來，我們就來一探究竟。

/* 定義掃描區域 */
.qrCode {
position: relative;
}
.qrCode::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: solid 5px #fff;
border-radius: 5px;
}
/* 定義掃描線條動畫 */
.scanLine {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: #00b7ee;
animation: scan 3s linear infinite;
}
@keyframes scan {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(0, 200px);
}
}

首先需要定義一個包含二維碼的容器（這里我們使用.qrCode），并設置其position為relative，以便后面的絕對定位元素能夠正常工作。同時，我們使用::before偽類來添加一個白色框框用于突出展現二維碼。

接下來定義一個名為.scanLine的元素，并設置其position為absolute，top值為0，因為我們需要將其從頂部開始移動。我們用width和height來定義一條橫向的矩形，并將其背景顏色設置為藍色。最后，我們使用動畫效果（animation）來實現從頂部開始向底部運動的掃描線條。

最后，在HTML中將二維碼放入.qrCode中，并在里面添加.scanLine元素即可實現類似于真實掃描的效果。