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

                                    
creation dune icone de prechargement avec css

creation dune icone de prechargement avec css

Scroll down button 01

Scroll down button 01

Organization Chart

Organization Chart

Nav Menu style02

Nav Menu style02

Nav Menu style01

Nav Menu style01

Manual Slideshow

Manual Slideshow

Image hover style border top

Image hover style border top

Image hover 04

Image hover 04

Elastic Content Slider

Elastic Content Slider

Carousel Bootstrap3

Carousel Bootstrap3

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