Titre section avec une anmation style01

<!DOCTYPE html>
<html>
<head>
  <title>TITRE SECTION AVEC UNE ANMATION | par NGLESSON</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keyword" content="TITRE SECTION AVEC UNE ANMATION">
  <meta name="author" content="Mezgani said">
  <meta name="copyright" content="NGLESSON">
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <div class="section-one">
    <div class="bg-moove">
        <h1 class="intro-h1-home">
          Connecter vous au monde du web
        </h1>
    </div>
  </div>
</body>
</html>
.bg-moove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: repeating-radial-gradient(circle at 100% 100%, rgba(255, 190, 11, 0.5) 4%, rgba(255, 190, 11, 0.5) 8%, rgba(251, 86, 7, 0.5) 8%, rgba(251, 86, 7, 0.5) 12%, rgba(255, 0, 110, 0.5) 12%, rgba(255, 0, 110, 0.5) 16%, rgba(131, 56, 236, 0.5) 16%, rgba(131, 56, 236, 0.8) 20%, rgba(58, 134, 255, 0.5) 20%, rgba(58, 134, 255, 0.5) 24%), repeating-radial-gradient(circle at 0% 100%, rgba(255, 190, 11, 0.7) 4%, rgba(255, 190, 11, 0.9) 8%, rgba(251, 86, 7, 0.7) 8%, rgba(251, 86, 7, 0.9) 12%, rgba(255, 0, 110, 0.7) 12%, rgba(255, 0, 110, 0.9) 16%, rgba(131, 56, 236, 0.8) 16%, rgba(131, 56, 236, 0.8) 20%, rgba(58, 134, 255, 0.8) 20%, rgba(58, 134, 255, 0.8) 24%);
  background-size: 250px 250px;
  background-position: 0 0;
  -webkit-animation: stripes 3s linear infinite;
          animation: stripes 3s linear infinite;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.bg-moove .intro-h1-home {
  font-size: 3rem; 
  text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
  .bg-moove .intro-h1-home {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 400px) {
  .bg-moove .intro-h1-home {
    font-size: 1rem;
  }
}

@-webkit-keyframes stripes {
  100% {
    background-position: 250px 0, 250px 0, 100px 0;
  }
}
@keyframes stripes {
  100% {
    background-position: 250px 0, 250px 0, 100px 0;
  }
}

                                    
input radio checkbox b4 style

input radio checkbox b4 style

Timeline style08

Timeline style08

Timeline style05

Timeline style05

Texte Block Posts Style01

Texte Block Posts Style01

Scroll down button 01

Scroll down button 01

Input range slider HTML style04

Input range slider HTML style04

Image hover 05

Image hover 05

Form Step With B4 Style01

Form Step With B4 Style01

Create icon animate with svg

Create icon animate with svg

Compteur avec b4

Compteur avec b4

Cards box with title

Cards box with title

Ajouter supprimer une tr dans une table avec l'insertion des options sur une balise select

Ajouter supprimer une tr dans une table avec l'insertion des options sur une balise select