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

creation dune icone de prechargement avec css

creation dune icone de prechargement avec css

Triangle Background css 01

Triangle Background css 01

Radio Input Image Checkbox 01

Radio Input Image Checkbox 01

Pure CSS Percentage Circle

Pure CSS Percentage Circle

Image hover 03

Image hover 03

Create icon animate with svg

Create icon animate with svg

Comment intégrer yamli dans une input

Comment intégrer yamli dans une input

ChartJS style01

ChartJS style01

Carousel Bootstrap3

Carousel Bootstrap3

Buttons Styles Inspirations

Buttons Styles Inspirations

Asidebar Bootstrap4 style01

Asidebar Bootstrap4 style01