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;
  }
}

                                    
Add Remove dynamic rows with dynamic ID of input in HTML table

Add Remove dynamic rows with dynamic ID of input in HTML table

Arrows Defense Game

Arrows Defense Game

Card Bootstrap4 02

Card Bootstrap4 02

Carousel Bootstrap4

Carousel Bootstrap4

Créer une input search animée

Créer une input search animée

Footer Responsive avec Bootstrap4

Footer Responsive avec Bootstrap4

Form login b4 01

Form login b4 01

Header Aside Footer Admin

Header Aside Footer Admin

Image hover 04

Image hover 04

Image hover Flip Flap Style

Image hover Flip Flap Style

Input valid invalid HTML CSS

Input valid invalid HTML CSS

Timeline style03

Timeline style03