Тёмный

Como criar degradê com CSS ? - @Curso em Vídeo HTML5 e CSS3 

Curso em Vídeo
Подписаться 2,4 млн
Просмотров 198 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 255   
@anarktv8098
@anarktv8098 2 года назад
Em 10:55, Guanabara acabou se confundindo. Colocando 20% em amarelo ele não ocupa 20% da tela mas sim 80%. O que ocorre é que o inicio do amarelo puro vai se dar na posição de 20% to right, e ele vai até o final da tela ocupando basicamente 80%.
@moisescastro5414
@moisescastro5414 2 года назад
Ataa, por isso que não estava dando certo. Você sabe como que limita a área do "degradê"? Por exemplo eu quero que a parte de transição de cores ocupe apenas 50px ou 10% da tela...
@pharofinhaaa8804
@pharofinhaaa8804 Год назад
eu ri mt qnd vi a cara dele falando "20%" e o amarelo ocupando a tela inteira KKKKKKKKKKKKKKK
@brunogodoy6132
@brunogodoy6132 3 года назад
Obrigado Guanabara, obrigado equipe do Guanabara, vocês são demais, estou aprendendo programação graças a vocês. 🙏🏻🔥
@ericpaes3281
@ericpaes3281 Год назад
Galera, sobre as opções que aparecem no VScode como -webkit-gradient, -o-linear-gradient ou moz-linear-gradient, são a mesma coisa que o linear-gradient. Eram usadas em navegadores mais antigos do Opera, Mozilla ou que utilizavam o mecanismo de renderização WebKit. Mas agora todos utilizam como padrão mesmo o linear-gradient. Estou comentando isso pra não se assustarem com a porrada de opções que aparecem. Tudo que tiver "webkit", "moz" (versões antigas do Mozilla) ou "o" (versões antigas do opera") ali nas opções são relacionados a isso. TMJ
@nettoagostinho
@nettoagostinho 9 месяцев назад
vlw eu estou começando agora...
@cheldrem1812
@cheldrem1812 9 месяцев назад
pois é eu vi aqui, mais aqui nao funcionou
@EnigmaQueen
@EnigmaQueen 5 месяцев назад
Muito obrigada! Eu estava só pensando nessas outras opções
@rodrigobarros9436
@rodrigobarros9436 3 года назад
Professor, to sentindo falta dos desafios Sinto que aprendo muiiiiito com eles
@pedrophillipe
@pedrophillipe 3 года назад
Seja diferente, crie vc msm teus desafios, seja criativo, seja inovador, tudo isso será um diferencial no mercado de trabalho, comece a criar, se ficar feio, tente outra forma, explore e conquiste ;)
@brendonalex4848
@brendonalex4848 Год назад
Pô, cara. Também! Conseguia assimilar mais algumas coisas com os desafios!. Mas vamos até o fim!!!!
@mayumixd596
@mayumixd596 10 месяцев назад
​@@pedrophillipeExatamente, eu fiz alguns desafios do Guanabara e depois criava os meus para fixar algumas coisas que eu não tinha certeza.
@LuizCarlos-lp5fd
@LuizCarlos-lp5fd Год назад
Obrigado Guanabara e equipe me sentindo cada dia mais seguro no caminho de aprender a programação
@leandrojesusbahia3839
@leandrojesusbahia3839 Месяц назад
Professor Guanabara, obrigado por ensinar com tanta qualidade!
@LivesDoVini
@LivesDoVini 3 года назад
mano curso mais completo do youtube S2 e ainda gratuito isso é incrivel S2
@Hector-np3zi
@Hector-np3zi 3 года назад
Sim, curso em vídeo merece reconhecimento maior!
@vitorbretz4806
@vitorbretz4806 9 месяцев назад
fiz outros cursos pago é tem coisa que la eles aprofundam
@mouravocal
@mouravocal 3 года назад
Não aguento esperar sair na plataforma, vou ver por aqui mesmo kkk
@MichaelSantos4508
@MichaelSantos4508 3 года назад
Essas dicas de cores me ajudaram muito OBG professor!
@ffundefined
@ffundefined 2 года назад
Só eu que prestei atenção na numeração da aula nesse vídeo ??, na capa está certinho!!!!
@_PatrickOliveira
@_PatrickOliveira Год назад
Obrigado. Vocês do Curso em vídeo deveria fazar uma universidade virtual focado em analise e desenvolvimento de sistemas. Mas apenas isso, vocês dão um Show nessas universidade da vida.
@douglasreinaldo9565
@douglasreinaldo9565 Год назад
Parabéns Guanabara! Seus vídeos são essenciais.
@ivanborgo4765
@ivanborgo4765 3 года назад
Conteúdo de altíssima qualidade como de costume!!! 😁👌
@fernandamaria449
@fernandamaria449 2 года назад
Que aula magnifica, professor! Estou tendo orgulho de meus resultados.
@AntonioJunior-gc5jl
@AntonioJunior-gc5jl 3 года назад
Muito obrigado professor Gustavo. A sua didática é a melhor que conheço até o momento.
@GabrielOliveira-mm4dz
@GabrielOliveira-mm4dz 2 года назад
Muito obrigado por essa aula, professor. Isso vai me ajudar muito no meu futuro.
@ericfs1
@ericfs1 Год назад
Mais um video finalizado, bora para o oitavo desse módulo
Год назад
Olá 🦗! Parabéns por concluir mais um vídeo do curso! Cada vídeo assistido é uma oportunidade de aprendizado e crescimento. Com essa motivação, agora é hora de seguir em frente e mergulhar no oitavo vídeo deste módulo. Continue brilhando e avançando com determinação! Você está fazendo um trabalho incrível! Um grande abraço e sucesso no oitavo vídeo e em todas as próximas etapas! 🌟🖖 Considere se tornar Estudonauta ou Aluno Apoiador em nosso site para ter acesso a recursos adicionais e continuar apoiando o nosso trabalho.
@rosiferreira9852
@rosiferreira9852 3 года назад
Obrigada Guanabara pelo vídeo! Só falta colocar na plataforma. Terminei o módulo 1 lá, e vim pra cá.
@DollarDash30
@DollarDash30 3 года назад
Fico de cara como sua didática é fácil eu aprendi isso em 5 minutos vou praticar e vamos que vamos .
@helenformighieri
@helenformighieri Год назад
Melhor curso da vida!
@jonathaswillian7432
@jonathaswillian7432 3 года назад
Agr meu cabelo vai ficar no padrão certo 😌♥️
@Hector-np3zi
@Hector-np3zi 3 года назад
Eita que esse capítulo 13 tá longo em! Kkk brincadeira, estou adorando este curso.
@zenildasena674
@zenildasena674 2 года назад
Show, Guanabara. Obrigado!
@Ingridkreutzfeld
@Ingridkreutzfeld 2 года назад
Amei tô amando o curso já comprei meu primeiro certificado
@FelipeAugusto-gr6hg
@FelipeAugusto-gr6hg 2 года назад
Eu também já fiz o primeiro módulo, só falta pagar o certificado kkk
@FellipeProgramador
@FellipeProgramador Год назад
isso ajuda muito o Guanabara e sua equipe, parabéns!! Eu ainda não posso comprar devido a questões financeiras rs mas logo q eu estiver trabalhando na área de programação, farei um pix, ou comprarei algum certificado pro Curso em Video, pro Guanabara. hehe
@dcortgames-dctg
@dcortgames-dctg 3 года назад
Além desse curso, iniciei o de JS. Gostaria de trabalhar nessa área.
@felipethegame4065
@felipethegame4065 3 года назад
Obrigado Mestre Tu é fera demais sou seu fã , queria tanto ter umas aulas pessoalmente ! Graças a Vcs Eu estou entendendo ! Eu estou pagando uma faculdade, suporte 0 assistência 0 atenção 0 , plataforma 0 , so alguns professores que tenta salvar mais mesmo assim nao dá! Muito desorganizado
@cleuvissoaresdasilva4725
@cleuvissoaresdasilva4725 2 года назад
Guanabara e um professor TOP!Parabéns !Aprendo muito contigo.
@klebersonsantossilva842
@klebersonsantossilva842 Год назад
Melhor professor do mundo
@gveletronicaejogos3240
@gveletronicaejogos3240 2 года назад
Tô descobrindo esse mundo agora tô gostando muito do curso.
Год назад
Pra quem é daltônico é uma belezura
@kalitonmendanha3728
@kalitonmendanha3728 2 года назад
Caramba que aula top !! resolveu meu problema Rapidão, muito obrigado por compartilhar esse conhecimento.
@levisilva5728
@levisilva5728 3 года назад
Suas aulas são sempre show de bola. Sou seu fã.
@GGustavoCoreia
@GGustavoCoreia 2 года назад
to codando pro site da empresa e já é a segunda vez q tenho que vir num video seu lembrar algumas coisas kkkkk like :)
@capozzoliify
@capozzoliify Год назад
Mano que pancada isso, a gente acha que é so fazer e pa porem tem um monte de coisas!
@fabriciojosebrito5235
@fabriciojosebrito5235 2 года назад
melhor aula de css que eu vi, adorei
@HenriqueSilva-bb6pw
@HenriqueSilva-bb6pw 3 года назад
A qualidade do canal é insana. Sem contar na didática do Guanabara.
@eclipselunar7442
@eclipselunar7442 3 года назад
Se ele fosse menos chato, seria melhor
@Pedro-dn1do
@Pedro-dn1do 2 года назад
Gosto muito das suas aulas
@tiago.sampa_
@tiago.sampa_ Год назад
📝 *VALE LEMBRAR* *Criando degradê com CSS:* background-image: linear-gradient(direção, cores); *direção:* - to right (90deg) - to left - to top - to bottom - circle - 45 deg - outros ângulos... *Ex:* background-image: linear-gradient(to bottom, # 47E1F5, # 38B2C2, # 38727A); background-attachment: fixed; background-image: linear-gradient(45deg, # 3198E2 50%, # 6D59C0, # B93590, # E33F5F, # FDD579); background-attachment: fixed; *Observações:* * {} -> configuração global das CSS height: 100% -> aplicar degradê à altura toda da tela, evitando listras x% ao lado da cor -> faz a cor ocupar x% da área
@thelastleafer
@thelastleafer Год назад
Brabo
@gabysilva-r5v
@gabysilva-r5v 10 месяцев назад
tu salvou minha vida tu n tem noção
@nycolexavier7844
@nycolexavier7844 3 года назад
Obrigada pela aula, professor!
@franciscocleinaldobarbosad8400
@franciscocleinaldobarbosad8400 2 года назад
Excelente aula professor, consegui aplicar como exemplo prático em minha página de testes..Showw
@vitorfontes4202
@vitorfontes4202 3 месяца назад
ótima aula
@FELIPEANDRESOARESFERNANDES
@FELIPEANDRESOARESFERNANDES 6 месяцев назад
esse cara é bom demais
@caiocezaralvesdossantos3390
@caiocezaralvesdossantos3390 3 года назад
mestre guanabara, muito obrigado pelas suas aulas como sempre super didatico e de fácil compreensão
@PedroAugusto-ck6hq
@PedroAugusto-ck6hq Год назад
Ficou muito bom o degradê
@Victaoarbr
@Victaoarbr 3 года назад
Maravilha de curso. Parabéns
@casedesucessoYT
@casedesucessoYT 3 года назад
como sempre melhor professor da internet vlw guanabara!!!
@letosotero
@letosotero 2 года назад
Me ajudou muito. show de bola!!!
@andrevictor7220
@andrevictor7220 2 года назад
melhor professor, melhor equipe
@marcodossantos9588
@marcodossantos9588 3 года назад
Obrigado Guanabara,essa aulas tem me ajudado muito, detalhe estou cursando ciencia da computacao na irlanda!
@TheLeandrowilker
@TheLeandrowilker 2 года назад
top Guanabara é fera 🖖
@betasetupper6103
@betasetupper6103 3 года назад
Voltou com muito mais Sumo! To gramando!!! Vamos que Vamos!!!
@klayvaodev
@klayvaodev 3 года назад
Aula INCRIVEL
@cosbern5129
@cosbern5129 2 года назад
Que aula boa. Valeu demais, professor!
@technew1667
@technew1667 3 года назад
Este curso é tão bom!
@Guilherme-Santana
@Guilherme-Santana 2 года назад
Eu comecei ano passado e parei aqui, voltei pra retomar de onde parei e percebi que esqueci foi é quase tudo hahahaha. Vou ter que voltar um resumo de HTML pra lembrar
@murilosantos187
@murilosantos187 3 года назад
Obrigado Guanabara, me ajudou muito, mais que a minha faculdade
@Namm3
@Namm3 3 года назад
Obrigado pelo vídeo. Deixa o like pessoal
@emersonmarcio6556
@emersonmarcio6556 Год назад
Muito massa! Parabéns!
@mardhemabreu9557
@mardhemabreu9557 3 года назад
Já tava sentindo falta dos exercícios
@diegorocha8164
@diegorocha8164 Год назад
Começando a Semana
@laylacoralina6831
@laylacoralina6831 3 года назад
falando mal do designer do instagram, olocomeu!!!! Brinks.... rsrsrs
@darlleybrito4198
@darlleybrito4198 3 года назад
a pessoa pode estudar uma ciencia por anos mas não adianta, estética é subjetiva kkkkk
@usuarioqualquer6870
@usuarioqualquer6870 2 года назад
@@darlleybrito4198 *cliente
@cristianodossantos2698
@cristianodossantos2698 3 года назад
Eu achei, show professor, simples e pratico
@stomperhk9107
@stomperhk9107 3 года назад
Para quem não sacou, o * é um seletor global de CSS, ou seja: o asterisco vai selecionar todos os elementos da página (parágrafo, body...). Essa solução eu não recomendo. Usem body { height: 100vh; }.
@ulissesavelar9360
@ulissesavelar9360 3 года назад
kkk isso aconteceu comigo, por aqui ficou tudo gigante , como faço para corrigir o degradê zebrado sem afetar todas os elementos ?
@stomperhk9107
@stomperhk9107 3 года назад
@@ulissesavelar9360 só precisa fazer: height: 100vh.
@gustavokozlowski2587
@gustavokozlowski2587 3 года назад
como faz pra adicionar aquele comentario 5:24 ????
@stomperhk9107
@stomperhk9107 3 года назад
@@gustavokozlowski2587 barra e asterisco com asterisco barra. Ex.: /* Comentário */
@Joabe10
@Joabe10 Год назад
Salvou, craque. Estava tendo dificuldade com os outros elementos que haviam ficado para baixo. Um abraço!
@leandroalves580
@leandroalves580 3 года назад
E lá vamos nois.... Ótima aula!!!
@pedrinhomotivado7410
@pedrinhomotivado7410 2 года назад
muito bom parabens pelo curso
@thiagowilker6003
@thiagowilker6003 2 года назад
Obrigado professor!!!
@andregoncalvesfernandes4079
@andregoncalvesfernandes4079 3 года назад
Guanabara esta aula pertence a playlist do módulo II
@victorsilva9116
@victorsilva9116 3 года назад
up
@playmoresadsongs
@playmoresadsongs 3 года назад
up
@Fernando-jg9cy
@Fernando-jg9cy 3 года назад
Sim, só que ainda não foi postada lá. Leva alguns dias para o vídeo do youtube ir para lá.
@nubiaviana366
@nubiaviana366 Год назад
Amo os seu conteúdos hehehehehe
@brunocriafe
@brunocriafe 3 года назад
Top demais o vídeo
@jonathas6128
@jonathas6128 2 года назад
Importante a gente que é designer ter uma noção das limitações... Porque se você criar algo muito diferentao e surreal pode não ser viável de programar.
@lizandriz
@lizandriz 2 года назад
gostei mto, vc me salvou!!
@davidbengui1163
@davidbengui1163 6 месяцев назад
Aula top
@oquefoinuncaviuumgato-85
@oquefoinuncaviuumgato-85 3 года назад
melhor professor
@mecatronizando2.051
@mecatronizando2.051 2 года назад
Rapaz, vou fazer a farra com esse degradê aí kkk
@hebergoncalves4981
@hebergoncalves4981 Год назад
Obrigado!
@josejuniordasilvajunior8697
@josejuniordasilvajunior8697 3 года назад
Depois do exemplo do instagram, entendi tudo. kkk obrigado guanabara
@isaiasandre9164
@isaiasandre9164 3 года назад
Muito massa!
@Galladhryon
@Galladhryon 3 года назад
Ótima aula como sempre
@Mateussantos-pf6gx
@Mateussantos-pf6gx 2 года назад
conteudo excelente !!
@dhiegoaraujo4021
@dhiegoaraujo4021 Год назад
Ótimo vídeo!
@fabiocunha8873
@fabiocunha8873 3 года назад
Este vídeo está na playlist errada. Produção: favor corrigir.
@Thiago-jv8vw
@Thiago-jv8vw Год назад
Não está
@FellipeProgramador
@FellipeProgramador Год назад
@@Thiago-jv8vw manin, o comentário do fabio tem 2 anos, naquela época estava na playlist errada... hj não tá né, vey rs
@playmoresadsongs
@playmoresadsongs 3 года назад
Como sempre, aula incrível!!!! :D
@GuilhermeSilva-yp4fe
@GuilhermeSilva-yp4fe 2 года назад
ótima aula!
@marvintavares6123
@marvintavares6123 2 года назад
Sensacional!!!
@isacvs
@isacvs 3 года назад
Muito bom.
@cekroetz
@cekroetz 3 года назад
Ótima aula!
@Familyhayzn
@Familyhayzn Год назад
Depois de várias tentativas consegui. vai a dica , em vez de usar o 'moz-linear-gradient', usem somente o 'linear-gradient', apague o moz-. vai dar certinho . fevereiro de 2023. obrigado guanabara e equipe.
@edermoreno8871
@edermoreno8871 Год назад
no meu não funciona ainda
@FellipeProgramador
@FellipeProgramador Год назад
@@edermoreno8871 xiiiii
@MGTOWMarley
@MGTOWMarley 3 года назад
Otimas dicas,como sempre
@Victor_deSouza
@Victor_deSouza 2 года назад
Te amo Guanabara!
@O_Sidharta
@O_Sidharta Год назад
Ótimo video
@macielsevilha
@macielsevilha 3 года назад
Boa aula top
@fernandocordeiro7723
@fernandocordeiro7723 3 года назад
Top demais 😃
@diogovasconcellos3825
@diogovasconcellos3825 2 года назад
Muito bom!!!!!
@Eder6704
@Eder6704 3 года назад
Gostei bastante do vídeo, o curso está ótimo. Seria legal se você voltasse a nos chamar de gafanhotos. E sinto saudades do Guanacast, podia voltar a fazer.
@d3kuma
@d3kuma 3 года назад
Muito bom
@marcoscutrim3295
@marcoscutrim3295 3 года назад
Boa noit. boas aulas sempre Guanabara. Mais nao sei se vc ja percebeu a playlist nao esta ficando atualizada e tb no site curso em video acontece a mesma coisa. obrigado.
@sasha-kz8dv
@sasha-kz8dv 3 года назад
Vc colocou esse vídeo na playlist do módulo 1
@contrerasmx1114
@contrerasmx1114 3 года назад
Olá, não sei se mais alguém teve problema com a parte do código sobre background-image: linear-gradient(to top, ... , ...); O meu eu fiz exatamente como recomendado na parte da configuração global porém as letras ficaram todas separadas com height: 100%; Eu coloquei min- height:100% e funcionou, não sei o por que mas o meu só funcionou com o min do lado, caso alguém não consiga só com o height tenta colocar o min-height pra vê se ajuda.
@GuizãoSLOTS
@GuizãoSLOTS 2 года назад
O meu tbm
@GuizãoSLOTS
@GuizãoSLOTS 2 года назад
Vc conseguiu resolver
@lucasrocha1255
@lucasrocha1255 2 года назад
@@GuizãoSLOTS No lugar de colocar "height :100%;" você coloca "min-height:100%"
@GuizãoSLOTS
@GuizãoSLOTS 2 года назад
@@lucasrocha1255 valeuu
@ciro.dsgn_
@ciro.dsgn_ 3 года назад
Boa professor
@marcusribeiro5759
@marcusribeiro5759 Год назад
show!!!
Далее
Criando um exemplo real - @Curso em Vídeo HTML5 e CSS3
15:57
Paleta de cores - @Curso em Vídeo HTML5 e CSS3
18:59
Просмотров 147 тыс.
Шоколад приходит на Землю.
00:23
Просмотров 166 тыс.
Борщ в стиле высокой кухни!
00:57
Шок-контент! 😱
00:50
Просмотров 2 млн
Sombra nas Caixas - @CursoemVideo de HTML5 e CSS3
14:06
Create Crazy 3D Image Slider Effects Using CSS Only
14:07
Psicologia das Cores - @Curso em Vídeo HTML5 e CSS3
24:14
Anatomia do tipo - @Curso em Vídeo HTML5 e CSS3
25:11
Просмотров 129 тыс.
Шоколад приходит на Землю.
00:23
Просмотров 166 тыс.