Animation CSS : Changer le texte

67025
,

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

Décrivez ici votre code ou ce que vous cherchez à faire

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Change text</title>
  <style>
    #spin:after {
      content:"";
      animation: spin 1s linear infinite alternate;
    }
    @keyframes spin {
      0% { content:"Rediviva paria obliterasset et decimo."; }
      33% { color: #fff;}
      66% { content:"Varietate et repellendos obtemperare quaedam."; }
      100% { color: #fff;}
    }
  </style>
</head>
<body>
  <span id="spin"></span>
</body>
</html>

Ce que je veux

J'ai fait ce petit code mais je trouve que l'effet de changer le texte qui n'est pas très beau. Tout ce que je veux faire de modifier mon code de CSS pour changer "propre" avec un joli transition de chaque texte. J'espère que vous avez compris ce que je veux dire.

SI vous avez un idée pour mon problème de code, bienvenue,

Merci beaucoup et bonne soirée