-
CSS3 Text Effect 4
HTML
<div id="eff4">CSS3 Text Effect 4</div>
CSS
<style type="text/css"><!-- #eff4 { background: #0C84F3 -webkit-gradient(linear, left top, right top, from(#0DF2B4), to(#C0DFFC), color-stop(0.5, #ffffff)) 0 0 no-repeat; color: rgba(255, 255, 255, 0.1); font-size: 30px; font-weight: bold; position: relative; -webkit-animation: shine 2s infinite; -webkit-background-clip: text; -webkit-background-size: 300px; } @-webkit-keyframes shine { 0% { background-position: top left; } 100% { background-position: top right; } } --></style>