用CSS可以像这个图像一样动画吗？

Question

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

我已经可以在随机位置和淡出时生成文本，但是......颜色怎么样？这种颜色过渡和透明度是否可能？我的意思是，文本可以产生这种效果吗？

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

Answer 1

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

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

最后一个数字＆＃34; 0.5＆＃34;是颜色的透明度。 对于颜色更改的动画效果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/