生日快樂！最好的慶祝方式之一就是在你的生日頁面上加上炫酷的煙花效果！

這里有一些基于CSS的煙花效果代碼供你參考。在你的頁面上應用它們，帶來美好的祝愿，迎接新的一年！

/*藍色煙花*/
@keyframes fireworks {
0% {
transform: scale(1);
opacity: 1;
}
25% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(-50%) scale(0.5);
opacity: 0.5;
}
75% {
transform: translateY(-75%) scale(0.25);
opacity: 0.25;
}
100% {
transform: translateY(-100%) scale(0);
opacity: 0;
}
}
.fireworks {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background-color: #3d6bc2;
border-radius: 50%;
animation: fireworks 2s ease-out infinite;
}
/*紅色煙花*/
@keyframes fireworksRed {
0% {
transform: scale(1);
opacity: 1;
}
25% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(-50%) scale(0.5);
opacity: 0.5;
}
75% {
transform: translateY(-75%) scale(0.25);
opacity: 0.25;
}
100% {
transform: translateY(-100%) scale(0);
opacity: 0;
}
}
.fireworksRed {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
background-color: #f75c03;
border-radius: 50%;
animation: fireworks 2s ease-out infinite;
}