Crie textos com Gradientes (Gradient Text) • HTML5/CSS3

Olá, meus amigos!

No vídeo desta semana, vamos aprender a trabalhar com a propriedade CSS 'background-clip' que especifica um elemento de fundo para um outro determinado elemento. Com isso, usando as propriedade "-webkit-background-clip" e "-webkit-text-fill-color", conseguimos incluir gradientes, imagens e até mesmo vídeos dentro do shape de um texto. Com apenas três exemplos práticos, ensino formas rápidas de como podemos criar esses preenchimentos combinados usando CSS3. Ficou interessado? Dá um play e acompanhe o vídeo!

// INSCREVA-SE NO CANAL

// LINKS MENCIONADOS

// REDES SOCIAIS

[leoofrancosorio]

Aprendo mais com seus vídeos do que na Faculdade ... Valeu!!

[alanlima]

Tem muitos vídeos legais de efeitos para web no YouTube, mas poucos os que te empolgam realmente.
Parabéns pelo vídeo e obrigado pela dica.
Vou usar agora!!! rsrs...

[offkevyn]

Mano muito legal isso, estou no começo mas cada vez me surpreendo mais com programação WEB

[wallacecerqueiradecarvalho]

Cara, isso é muito show. Parabéns pelo vídeo ficou muito massa.

[willyswillysbb]

Olá, muito bacana suas explicações. Até para "leigos" como eu que gostam e se interessam por programação é muito fácil de acompanhar e raciocinar. Sempre trabalhei com design gráfico criando o visual de peças de comunicação, não tendo relação alguma com a área de programação. Em 2009, resolvi fazer um curso gratuito on line de HTML e CSS (Confesso que me empolguei), pois eu e mais quatro pessoas iríamos trabalhar projetando sites, mas eu ficaria mais com a parte do design em si e um dos meus sócios faria a programação "pesada". Hoje sinto a necessidade de mais a frente (tenho de terminar meu curso de marketing digital) de voltar a aprender as linguagens de marcação e algumas de programação até mesmo para resolver problemas no meu blog etc.

[elizeuconde]

Cara seu canal é muito top! valew mesmo!

[guuhassis]

Caraca que video incrivel, criei um logo insano no puro HTML + CSS.

[ThiagoFranchin]

Top, mais uma pra usar amanhã !!! VALEU !!!

[fabriciomira]

Qual a sua opinião sobre Adobe Muse, Webflow, Bootstrap? Vc usa?

[anjoafiliado]

tem um curso do zero ao avançado? sou aventureiro em wordpress... aprendo com facilidade as coisas, mas preciso de uma didática inicial.. pq o principal de qualquer aprendizado é a lógica... se puder me indicar algum curso. preciso estudar html e css de uma vez por todas... enrolando a tempos. rs

[bugatess]

Muito bom, a quanto tempo hein jovem. Voltas com os videos de Ai também.
Sucesso!

[Isplay]

eu procurei mas é dificil acha uma frase com 2 cores difertentes exemplo primeira letra com a cor azul e o resta de outra cores

[Megatorial]

Agora me preocupei quer dizer que a ordem no que escrevo minha customização não importa que projeto seja vai influenciar qual linha vai ser escrita primeira?

[anap_gs]

Boa tarde, pode me ajudar? fiz a configuração de cores universais, mas agora meus arquivos antigos não abrem mais, como faço para retornar ao que era antes?

[anjoafiliado]

Eu consigo utilizar esses comandos no Elementor? teria como fazer um tutorial pra isso?

[sasamu]

amigo, como posso colocar um fundo branco atrás do texto igual vc fez na thumb, me ajuda pfvr

[mestrecodmobile]

me fala o link dessa imagem gif? achei muito dahora!

[gustavobest]

Ola amigo uma duvida como Fasso para carregar uma playlist m3u e abrir em video player interno ?

Excelente dicas, estou usando isso: background: linear-gradient(to right, #1A355B 0%, #14CACB 80%);
-webkit-background-clip: transparent; o efeito fica muito bom no Fire Fox, mas no Chrome fica uma espécie de borda quase serrilhado no tom de verde mais claro, pq isso acontece só no chrome ??

[adoniassousa]

vim por indicação de
Brainstorm Tutoriais - Edição de Vídeo