JSFiddle - React, Tailwind, and code Playground

by wang eded

HTML

<div class="demo">原来我的真身是一把名刀</div><!-- end demo -->

CSS

body{
	background-color:#000;
	font-size:12px;
}

.demo{
	-webkit-animation:demo-an 2.5s ease-out infinite;
	border-radius:.4em;
	color:#fff;
	font:bold 4em/normal \5FAE\8F6F\96C5\9ED1,tahoma,arial,\5b8b\4f53,sans-serif;
	margin:1em;
	-webkit-mask:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 20%) -500px 0 no-repeat content;
	text-align:center;
	text-shadow:1px 1px 0 #ccc;
	width:12em;
}
@-webkit-keyframes demo-an{
	to{ -webkit-mask-position:500px 0; }
}