我發(fā)現(xiàn)了一個(gè)非常有趣的CSS表白神器，它可以讓瀏覽器中出現(xiàn)愛心飄落，讓我想起了那些浪漫的情景，真的很不錯(cuò)。

/**
 * 愛心飄落的CSS代碼
 */
.heart {
position: fixed;
width: 10px;
height: 10px;
background: #f00;
transform: rotate(45deg);
animation: heart 1s ease-in-out infinite;
}
@keyframes heart {
0% {
transform: scale(0);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(0);
}
}

將上面的代碼添加到頁面中的style標(biāo)簽中后，再在頁面中添加一個(gè)div標(biāo)簽，并將class設(shè)置成heart，就可以在瀏覽器中看到愛心飄落的效果了。

這樣的CSS表白神器真的非常有趣，不僅可以用于情人節(jié)或者表白場合，還可以用于一些慶祝活動(dòng)中，讓網(wǎng)頁看起來更加生動(dòng)有趣。不過，在使用的時(shí)候不要忘記保持頁面的正常顯示，避免出現(xiàn)過度花哨的效果。