esse efeito é feito por um script , então eu não colocar a div da frase aqui você faz sua div de frase normalmente , então vamos lá ? copie esse codigo e coloque antes de <style>
<!-------------------DECREPITAR EFEITO WIPE EXCLUSIVO------------------------> <script type="text/javascript"> // <![CDATA[ // all colours must be in format '#NNNNNN', not 'red' or 'rgb(7,8,9)' var fgcolour="#656565"; // foreground colour var hlcolour="#b5b5b5"; // highlight colour var bgcolour="#FFFFFF"; // background colour var glcolour="#f8f8f8"; // colour of glow around letters var speed=66; // speed colours change, 1 second = 1000 var delay=50; // how long to wait between wipes var alink="/"; // page to link text to (set to ="" for no link) /**************************** *Multi-Wipe Neon Text Effect* *(c)2003-12 mf2fm web-design* * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var w_txt, w_txl; var w_flp=bgcolour; var w_sty=Math.floor(Math.random()*8); var w_cnt=-1; var wipes=new Array(); var wrand=new Array(); window.onload=function() { if (document.getElementById) { var i, wiper, wipei; wiper=document.getElementById("wipe"); w_txt=wiper.firstChild.nodeValue; w_txl=w_txt.length; while (wiper.childNodes.length) wiper.removeChild(wiper.childNodes[0]); for (i=0; i<w_txl; i++) { wipei=document.createElement("span"); wipei.appendChild(document.createTextNode(w_txt.charAt(i))); wipes[i]=wipei.style; wipes[i].textShadow=glcolour+" 0px 0px 5px"; wipes[i].color=fgcolour; wiper.appendChild(wipei); } if (alink) { wiper.style.cursor="pointer"; wiper.onclick=function() { top.location.href=alink; } } for (i=0; i<w_txl; i++) wrand[i]=i; wiper=setInterval("randwipe()", speed); }} function c(i, shade) { if (shade==bgcolour) wipes[i].textShadow="none"; else wipes[i].textShadow=glcolour+" 0px 0px 5px"; wipes[i].color=shade; } function randwipe() { var w_old; if (w_cnt++<w_txl+2+delay*(w_flp==fgcolour)) eval("wipe"+w_sty+"();"); else { w_cnt=-1; w_flp=(w_flp==fgcolour)?bgcolour:fgcolour; w_old=w_sty; while (w_old==w_sty) w_sty=Math.floor(Math.random()*8); } } function dechex(dec) { return ((dec<16)?"0":"")+dec.toString(16); } function wipe0() { // curtains if (w_cnt<Math.floor(w_txl/2)) { c(w_cnt, hlcolour); c(w_txl-w_cnt-1, hlcolour); } else if (w_cnt<w_txl) { c(w_cnt, w_flp); c(w_txl-w_cnt-1, w_flp); } } function wipe1() { // random var i, rand, temp; if (w_cnt==0) { for (i=0; i<w_txl; i++) { rand=Math.floor(Math.random()*w_txl); temp=wrand[i]; wrand[i]=wrand[rand]; wrand[rand]=temp; } } if (w_cnt<w_txl) c(wrand[w_cnt], hlcolour); if (w_cnt>0 && w_cnt<w_txl+1) c(wrand[w_cnt-1], w_flp); } function wipe2() { // forwards if (w_cnt<w_txl) c(w_cnt, hlcolour); if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp); } function wipe3() { // backwards if (w_cnt<w_txl) c(w_txl-(w_cnt+1), hlcolour); if (w_cnt>0 && w_cnt<w_txl+1) c(w_txl-w_cnt, w_flp); } function wipe4() { // searchlight if (w_cnt<w_txl) c(w_cnt, hlcolour); if (w_cnt>0 && w_cnt<w_txl+1) c(w_cnt-1, w_flp); if (w_cnt>1 && w_cnt<w_txl+2) c(w_cnt-2, hlcolour); if (w_cnt>2 && w_cnt<w_txl+3) c(w_cnt-3, (w_flp==fgcolour)?bgcolour:fgcolour); if (w_cnt==w_txl+2) w_flp=(w_flp==fgcolour)?bgcolour:fgcolour; } function wipe5() { // fade var i; if (w_cnt<w_txl+3) { var start=(w_flp==fgcolour)?bgcolour:fgcolour; var temp="#"; for (i=1; i<6; i+=2) { var hex1=parseInt(start.substring(i,i+2),16); var hex2=parseInt(w_flp.substring(i,i+2),16); temp+=dechex(Math.floor(hex1+(hex2-hex1)*(w_cnt/(w_txl+2)))); } for (i=0; i<w_txl; i++) c(i, temp); } } function wipe6() { // flash var i; if (w_cnt<6*Math.floor(w_txl/6)+3) { if (w_cnt%6==0 || w_cnt%6==3) for (i=0; i<w_txl; i++) c(i, hlcolour); else if (w_cnt%6==1) for (i=0; i<w_txl; i++) c(i, w_flp); else if (w_cnt%6==4) for (i=0; i<w_txl; i++) c(i, (w_flp==fgcolour)?bgcolour:fgcolour); } } function wipe7() { // checkerboard var qtr=Math.floor(w_txl/4); if (w_cnt<qtr) { c(w_cnt, hlcolour); c(w_cnt+2*qtr, hlcolour); } else if (w_cnt<2*qtr) { c(w_cnt-qtr, w_flp); c(w_cnt+qtr, w_flp); } else if (w_cnt<3*qtr) { c(w_cnt-qtr, hlcolour); c(w_cnt+qtr, hlcolour); } else if (w_cnt<w_txl) { c(w_cnt-2*qtr, w_flp); c(w_cnt, w_flp); } } // ]]> </script>
origamiaround
ellievsbear
yousharknotpass
amandla
vaporwave