CSS3 文字粒子是一種簡單卻很有趣的效果，它利用CSS3的一些特性來制作出粒子狀的文字效果。這個效果看起來像是文字正在浮動、旋轉、消失、出現。

.particles {
font-family: Arial, sans-serif;
text-transform: uppercase;
font-size: 5rem;
margin-bottom: 0.5rem;
position: relative;
color: transparent;
}
.particles::before {
position: absolute;
content: attr(data-text);
top: 0;
left: 0;
z-index: 1;
text-shadow:
-1px -1px 1px #70A4E0,
1px 1px 1px #70A4E0;
}
.particles::after {
display: block;
content: attr(data-text);
top: 0;
left: 0;
z-index: 2;
color: #70A4E0;
animation: particles 10s ease-in-out infinite;
}
@keyframes particles {
0%, 20%, 40%, 60%, 80%, 100% {
transform: translate3D(-25px, 50px, 0);
}
10% {
transform: translate3D(-25px, -50px, 0);
opacity: 0.75;
}
30%, 50%, 70% {
transform: translate3D(50px, -25px, 0);
opacity: 0.5;
}
90% {
transform: translate3D(-25px, -50px, 0);
opacity: 0.75;
}
}

如上代碼所示，我們首先使用了一個::before偽元素來代替實際的文字，為其設置一個高度為0的里面放置data-text，根據偽元素的位置和字體大小做一個陰影，這就創建了文字上的亮點。而::after偽元素則展示了實際的文字，同時使其和::before偽元素有一些錯位，通過動畫制作出粒子效果。

這個例子只展示了一個文字粒子效果，但你可以運用其他的CSS3特性制作出更加豐富的效果，例如字體變換、背景動畫等等。