Template:Metallic Shine Effect/styles.css

/* Metallic Shine Effect Core */
.metallic-shine-text {
  background-size: 200% auto;
  background-clip: text;
  color: transparent;
  animation: shine-move 2s linear infinite;
  display: inline-block;
  white-space: nowrap;
  text-shadow: none;
}

/* Shine Animation */
@keyframes shine-move {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Alignment Utilities */
.shiny-center {
  display: block;
  text-align: center;
}

.shiny-left {
  display: block;
  text-align: left;
}

.shiny-right {
  display: block;
  text-align: right;
}