3 usos simples e práticos de CSS gradient (efeito degradê)
ฝัง
- เผยแพร่เมื่อ 8 ก.พ. 2025
- Você vai ver nesse vídeo 3 usos de efeito degradê com CSS gradient. Como aplicamos em fundos, em textos e em bordas de elementos.
Se você gosta de ajudar e gostaria de retribuir meu trabalho, clique no link.
/ @maykbrito
🔻 🔻 🔻 Links Importantes: 🔻 🔻 🔻
Curso gratuito e comunidade de programação WEB para iniciantes [Discover]
↪discover.maykb...
Meu deus 6 meses estudando html,css,js, tudo no mundo, só agora aprendi como fazer gradiente, muito obg, vou carregar pra vida esse video!!! ^^
Estudando por onde ? Cursos ?
Massa demais esse vídeo!
Acabei de me inscrever, achei o conteúdo do vídeo muito didático, explicando passo a passo cada parte da sintaxe, simplesmente sensacional! parabéns pelo vídeo!
Como sempre, conteúdo de primeira! Muito legal utilizar os gradientes do CSS, ainda mais porque esse design está bem requisitado hoje em dia. Isso me fez lembrar também de uma outra propriedade bem top que é "border-image-source", na qual a gente pode utilizar gradientes nas bordas também, da mesma forma que utiliza no background, com "linear-gradient". Continue com esses conteúdos, Maykão!
Brabissimo!!!
Seus vídeos me ajudam muito, aprendi como fazer essa borda e também como fazer funcionar o código em outro navegador com o -webkit-. Muito obrigado pelos vídeos e parabéns você é um ótimo professor!!
Poxa.. Que carinho 😍 .. como eu não tinha visto esse lindo comentário antes?
Excelente video Maykão! me ajudou muito! A sua didática no explorer é mais do que excelente!
Sou muito grato Mayk ! Vc tem uma didática muito boa, objetivo e direto. E fácil de entender. Parabéns
muito feliz por te ver produzindo conteúdo aqui, ta mandando várias dicas muito úteis!
Q massa que tá curtindo
Cara que explicação perfeita.. Parabéns!!
Maykão é o cara!!!
Excelente, Mayk! Mais uma dica para enriquecer nosso arsenal. O resultado final é realmente muito bom.
Conheci o canal hj e ja me inscrevi, conteúdo maravilhoso que vai me ajudar muito, obrigado pelo seu esforço👏
Q massa mano! Tmj
Valeu, Mayk, brigadão por compartilhar!
Didática maravilhosa do Maycão
Você é incrível Maikão, quando crescer quero ser assim!
Cara comecei a estudar pelo discover a duas semanas, e cara, maykão seu conteúdos são muito bons!! Inclusive sua didática é muito boa, parabéns!!
valeu querido!
Opa, até apareci no vídeo hahahaha!!! Como sempre aula rápida, prática e objetiva! Valeu Maykão!
Show de bola meu brother 👏👏👏👏
Fera demais! Continua fazendo vídeo desse tipo Maykão, explicando algumas propriedades mais micros do frontend, é muito bom! Obrigado!!
Obg pelo incentivo irmão 🚀
Fala dev beleza, Mayk Brito na area !!
Para quem n entendeu porq na color uso transparent uso porq html por padrão color é preto coloca se transparet para aparecer o gradient
Didática maravilhosa
Obrigadaaaaaaa, ensinou muito bem!
eu tava com preguiça e não queria criar uma variante kkkk só fiz assim e deu certo
h1 {
text-align: center;
font-family: 'Bebas Neue', sans-serif;
background-image: linear-gradient( red, blue, yellow);
background-clip: text;
color: transparent;
font-size: 200px;
}
da um 🆙 aq
vou fazer no meu background
Top heim mano Mayk the best
MUITOOOOOO BOM!!!! GANHOU UM INSCRITOOO
Se quer vi o vídeo e já dei like
Mayk é brabo demais
Maykão, ABC aqui de Cabo Verde
Como faz para colocar uma cor gradiente na tag ?
Show de bola
Muito massa!!!
Continua Maikão!
Obg pelo apoio brother
Brabo
Very helpful
bem nice
Pedido: uma animação com as cores.
Ex: uma transição de cores, como nas fitas RGB
Poderia trazer um vídeo falando sobre animações
Ola malta ou galera, tenho uma questão que é o seguinte:
Quero construir o seguinte: num website pôr uma imagem de peça de roupa e no lado (esquerdo ou direito) colocar um seletor de vários padrões de textura. E ao fazer clic ou selecionar o padrão desejado faça com que a imagem da peça de roupa mude ou troque segundo a textura selecionada.
Como devo construir isso?
Agradeço-lhe muito a sua orientação no assunto. Muito obrigado. Um grande abraço.
ajuda aqui
Boa noie mayk. me ajuda, amigo como dar o spaço de uma tag de uma linha de uma para outra . quando eu crio uma tag e quando eu aperta o enter pula o spaço de uma a duas linha para baixo ? ??
Como fazer um grandiente em frente a um carrossel?
sugestão: vídeo aula envolvendo lógica
Ótima sugestão
Moço o meu não tá mudando o fundo do site :(, tem q baixar alguma extensão?
Mayk, você que tem experiência como programador, você pode responder se é errado ou não eu não saber fazer algo, como por exemplo um jokenpo no python,porém eu olho na internet como faz.
Como aprendizado, não é errado. É importante você manter a curiosidade e ir conhecendo diversas maneiras de resolver. Mas é super importante você ir construindo conhecimentos sólidos para um dia conseguir resolver a maioria dos desafios sozinho. Isso vem com tempo, prática e estudos. Tenta usar a técnica de active recall nos seus estudos (tem um vídeo aqui no canal sobre) pra vc ir organizando e fortalecendo seu raciocínio lógico, beleza?
Comigo nao funcionou de jeito nenhum, chequei cada detalhe e o background não pega
Qual a diferença entre o display grid para o flex, achei q ele usaria justify-content!!!
Display grid é melhor para layouts mais complexos e, também, para evitar uso execivo de divs como wrappers. Só que o grid é mais completo que o flex. Então muitos preferem o flex.
@@Joao-oo8yj entendi vlw mano
A imagem tá repetindo, como eu coloco pra não repetir?
não to conseguindo botar border-image como linear-gradient... é como se nao pudesse, estranho
Não seria o background-image?
god bless u xdd