创建微粒子爆炸特效的CSS代码

以下是一个使用CSS创建微粒子爆炸特效的示例代码：

HTML：
html

CSS：
css
.particle-container {
position: relative;
width: 200px; /* 爆炸特效容器的宽度 */
height: 200px; /* 爆炸特效容器的高度 */
}

.particle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5px; /* 微粒子的宽度 */
height: 5px; /* 微粒子的高度 */
border-radius: 50%;
background-color: #ff0000; /* 微粒子的颜色 */
animation: explode 1s forwards ease-in; /* 爆炸特效的动画 */
}

@keyframes explode {
from {
width: 5px;
height: 5px;
opacity: 1;
transform: translate(-50%, -50%);
}
to {
width: 100px; /* 微粒子爆炸后的最大宽度 */
height: 100px; /* 微粒子爆炸后的最大高度 */
opacity: 0;
transform: translate(-50%, -50%) scale(5); /* 缩放微粒子 */
}
}

你可以根据需要调整容器的宽度、高度、微粒子的宽度、高度、颜色和动画的持续时间等参数来适应你的项目需求。