Efeito Gradiente Com Texto Java Script;

Olas, hoje irei mostrar um efeito bem legal, que e o gradient em textos,

Veja O Preview:

Primeiro, crie um widget, HTML\JAVAscript e insira o codigo abaixo:



Agora A Explicação Do Codigo:

var colorBegin = "#0000C8";

Define que o valor da variavel colorBegin e #0000C8, ou seja a cor inicial do gradient;

var colorEnd = "#00C800";

Define que o valor da variavel colorEnd e #00C800, ou seja a cor final do efeito;

var text = "

WYSIWYG Web Builder is awesome!

";

Eh o texto mostrado, altere o a parte vermelha para o seu texto!

document.getElementById("gradienttext").innerHTML = html;

Essa parte, ira procurar em todo o codigo, alguma div com o id='gradienttext', e ira mudar o texto dessa div para o que esta na var html!

Por enquanto so irei explicar isso, Obrigado por ler, se gostou comente, se tiver duvidas comente! :)

Efeito Gerado No Software De Edição HTML Wysiwyng Web Builder 8.1