Creating a personalized animation can add extra creativity to your page. This is one such example where each element is to have its opacity, color, and shadow set along with animation and effect. The cursive style of font uses the tag to separate the letters, the span is set with the text-shadow for x, y, and z-axis along with different colors for each letter. The animation is set for 2s and runs forever (infinity). The keyframes set the stage for animation, each percentage set for animation contains different color, opacity and transform with the scale and rotation degree. At 100%, the text-shadow is set along with the color. This snippet also works with different screen as it minimizes the font size as per the screen size. Using this you can set your color and animation which matches your website background.