With different colors, opacity and text-shadow this is one which can be displayed on the top of the page. With no twisting and flipping, the letters are placed at one position. With just the change in opacity and text-shadow the effect is perfectly fit for any website. The text effect sets the font size and weight the letters are aligned at the center with 0 margins. The linear animation is set to 2000ms with infinity. Animation delay makes the most for this effect. The delay setting is in milliseconds which lets the letter display for some time. The @keyframes sets the opacity, colors, and shadow along with the z-axis set to different colors. The media property sets the font size for different size of screens. These effects can be changes to fit your applications. Make sure to check these effects for popular browsers.