JSFiddle - React, Tailwind, and code Playground

by Fansublogger

HTML

<div class="textanimasi1">
NgeditP-shop</div>

CSS

@-webkit-keyframes slide {
0% { background-position:0 0; opacity:0; }
2% { background-position:2% 2%; opacity:1; }
99% { background-position:99% 99%; }
100% { background-position:100% 100%; opacity:0; }
}

.textanimasi1 {
text-align:center;
letter-spacing:-.08em;
font:300 5.4em helvetica, sans-serif;
background:url(http://4.bp.blogspot.com/-yMiGIoPKErk/T3R_vkJj-AI/AAAAAAAABdc/UCVf-ozjMHw/s1600/bg.jpg);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
-webkit-animation:slide 60s linear infinite;
-moz-background-clip:text;
-moz-text-fill-color:transparent;
-moz-animation:slide 60s linear infinite;
text-shadow: 0 1px 1px transparent;
}