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

                                    
texte animate css

texte animate css

page scroll progress bar

page scroll progress bar

Timeline style05

Timeline style05

Timeline style03

Timeline style03

Profile page with b4

Profile page with b4

Planète animée style01

Planète animée style01

Loading style book loader

Loading style book loader

Image hover style border top

Image hover style border top

Image hover 06

Image hover 06

Double Scrollbar with Plugin Jquery in table

Double Scrollbar with Plugin Jquery in table

Card Profile Style01

Card Profile Style01

Card Panel Bootstrap4 with header and footer

Card Panel Bootstrap4 with header and footer