CSS櫻花特效是一個(gè)很受歡迎的網(wǎng)頁(yè)特效，不論是博客還是商業(yè)網(wǎng)站，都可以用這個(gè)特效來(lái)增加視覺(jué)效果。

/* 設(shè)置背景顏色 */
body {
background-color: #F0F0F0;
}
/* 寫css動(dòng)畫 */
@keyframes falling {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(100%);
}
}
/* 添加櫻花元素 */
.sakura {
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #FFF;
box-shadow: 0 0 10px #FFF;
animation: falling 5s infinite linear;
}
/* 櫻花的樣式 */
.sakura1 {
top: -5%;
left: 5%;
animation-delay: 0s;
}
.sakura2 {
top: -10%;
left: 10%;
animation-delay: 2s;
}
.sakura3 {
top: -15%;
left: 15%;
animation-delay: 4s;
}
.sakura4 {
top: -20%;
left: 20%;
animation-delay: 6s;
}
.sakura5 {
top: -25%;
left: 25%;
animation-delay: 8s;
}
/* 在html文件中添加櫻花 */
<div class="sakura sakura1"></div><div class="sakura sakura2"></div><div class="sakura sakura3"></div><div class="sakura sakura4"></div><div class="sakura sakura5"></div>

以上代碼中，我們首先設(shè)置了頁(yè)面的背景顏色，然后用CSS寫了一個(gè)動(dòng)畫功能，實(shí)現(xiàn)了櫻花飄落的效果。之后我們?cè)O(shè)置了櫻花元素的樣式，包括其位置、大小、形狀、顏色等等。

最后，在HTML文件中添加了五個(gè)櫻花元素，分別是按照不同的位置和延遲時(shí)間發(fā)生動(dòng)畫的。運(yùn)行代碼后，你會(huì)看到五朵形態(tài)各異的櫻花，自由自在地飄舞在頁(yè)面上，像是真的在春天中隨風(fēng)起舞。