Template:Taro/taroeffect.css

.content {
  position: relative;
}

.effect h2 {
  color: #FFFFFF;
  font-size: 8em;
  position: absolute;
  transform: translate(-50%, -50%);
}

.effect {
  color: transparent;
}

.effect {
  color: #008CFF;
  text-shadow: 0 0 8px #00FF66;
  animation: taroanimate 4s ease-in-out infinite;
}

@keyframes taroanimate {
  0%, 100% {
    clip-path: polygon(
      0% 5%, 16% 10%, 33% 5%, 54% 9%,
      70% 7%, 84% 6.2%, 100% 7%,
      100% 100%, 0% 100%
    );
  }

  50% {
    clip-path: polygon(
      0% 8%, 16% 7%, 34% 11.6%, 51% 11.2%,
      67% 12%, 84% 12.5%, 100% 10.6%,
      100% 100%, 0% 100%
    );
  }
}