是否可以使用CSS像这个图像一样动画？

Question

只是一个简单的问题。我只想使用CSS/Html5制作一个简单的动画，最终效果与此图像类似，但具有淡出效果。

我已经可以生成随机位置和淡出的文字，但是......颜色呢？有可能使这种颜色转换并具有透明度？我的意思是，文字能有这种效果吗？

作为一个新手，我感谢任何帮助。

Answer 1

如果你想与透明度的文字，你只需要使用RGBA颜色是这样的：

color: rgba(123,213,231,0.5); 

其中最后numner“0.5”是指颜色的透明度。 有关的颜色变化的动画效果use transition

Answer 2

您可以随机文字颜色使用javascript：

function randomColor() { 
    return 'rgba('+rgb()+','+rgb()+','+rgb()+','+alpha()+')'; 
} 
function rgb() { 
    var min = 0, 
    max = 255, 
    rcolor = Math.floor(Math.random() * (max - min) + min); 
    return rcolor; 
} 
function alpha() { 
    var min = 0.2, 
    max = 0.9, 
    randalpha = Math.random() * (max - min) + min; 
    return randalpha.toFixed(1); 
} 

https://jsfiddle.net/Ullvieib/cbuy2gka/