この画像のようにCSSでアニメーション表示できますか？

Question

ただの質問です。私はCSS/Html5だけを使って単純なアニメーションを作りたいと思いますが、最終的な結果はこのイメージに似ていますが、フェードアウト効果があります。

私はすでに何色についてのランダムな位置とフェードアウトでテキストを生成するが、...することができますか？この色の遷移を透明にすることは可能ですか？つまり、テキストにこの効果がありますか？

初心者でも、私は助けていただきありがとうございます。あなたは透明でテキストをしたい場合は

Answer 1

、あなただけのようにRGBAの色を使用する必要があります。最後numner「0.5」は、色の透明度です

color: rgba(123,213,231,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/