texte animate effects style 01

<!DOCTYPE html>
<html>
<head>
  <title>Shining Text Animation Effects | 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="Shining Text Animation Effects">
  <meta name="author" content="Mezgani said">
  <meta name="copyright" content="NGLESSON">
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <h3>Shining Text Animation Effects</h3>
</body>
</html>
body {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #000;
}

h3 {
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 4px;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 3s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}

                                    
Alert Bootstrap4 style02

Alert Bootstrap4 style02

Flat icon Responsive Boxes

Flat icon Responsive Boxes

Header with background animate 01

Header with background animate 01

Image hover effects style

Image hover effects style

Menu aside style01 slide out

Menu aside style01 slide out

Page construction avec compte à rebours style01

Page construction avec compte à rebours style01

Radio Input Image Checkbox 01

Radio Input Image Checkbox 01

Scroll down button 01

Scroll down button 01

SwiperJS style01

SwiperJS style01

Timeline style02

Timeline style02

Transitions Animations SVG Style01

Transitions Animations SVG Style01

texte animate css

texte animate css