Mais box-shadow!! Muito bom!!! Já vi efeitos glow / neon que a galera faz com blur. Acho que com blur, precisaria criar dois elementos sobrepostos pra desfocar um deles (galera que brincou no photoshop de criar lua ou sabre de luz sabe muito bem disso hahahaha). Porém, fica mais fácil fazer essas coisas com box-shadow. Essa dica da borda pra dentro "INSET" é muito boa também. Não conhecia
sensacional! só não entendi, como um conteúdo GOLD desse tem poucas views! Obs.: Eu gostaria de por meu vídeo do youtube embedado no site, com borda branca e sombra, dando impressão de um video no papel. como faço?
Muito obrigado pela consideração! ;) Uma das maneiras dessa personalização é colocando o dentro de um wrapper, aí você estiliza esse wrapper, entendeu? Coloca visual de folha, sombra etc.
@@dpwoficial ñ entendi... sei nada de HTML... to montando um site usando "BeaverBuilder" daí tem como por atributo no elemento. queria saber o que escrever no código ao certo.
Minha sugestão de vídeo é styled components e similares. Qual a sua opinião em colocar CSS dentro do código JS, você acha que isso vai pegar?...Esse para mim, seria uma sugestão de vídeo foda!
Obrigado pela sugestão, Ederson. Eventualmente, vamos abordar esse e outros temas correlatos no canal, sim. Minha opinião é que tem seu pontos positivos, mas deve-se analisar cada projeto e decidir se vale a pena o uso naquele caso concreto. O que temos visto, hoje, é muitos considerarem a abordagem como uma solução geral para todos os cenários. =/
Olá amigo, tudo bem? TEnho algumas imagens em gif com fundo transparente. Quando aplico a sombra, ela fica quadrada em volta da minha imagem. Como fazer pra ela contornar só minha imagem? Desde já te agradeço.
muito bom o vídeo, mas o que eu fasso quando a sombra não aparece ? eu coloquei esse codigo: shadow-box: 0 2px 6px 3px rgba(60,64,67, 0.4); mas ele só aparece em uma parte na outra não
Os 2 primeiros valores são o offset para os eixos X e Y. No exemplo que você passou, é esperado que só apareça em um lado, porque você está deslocando a sombra para a direita e para baixo.
@@dpwoficial obrigado por responder, consegui fazer a sombra do menu aparecer por completo, tinha uma div na frente, tinha tentado usar z-index, mas parece só funcionar se tiver tudo dentro mesmo elemento
MUITO OBRIGADO POR COMPARTILHAR ESSE CONHECIMENTO MEU AMIGO! DEUS TE ABENÇOE GRANDEMENTE!
Eu que agradeço! vlwww
Esse aplicativo online de gerar código me ajudou pra caramba. Valeu.
Opa, tamos aê.
Aula bem completa e ótima didática....Parabens!
Obrigado, Edilenio. 😃
Muito bom ferrugem!! Top!! Mais-box-Shadow
👍
Obrigada pelo tutorial! simples e direto ao ponto!
Disponha!
Maiss Box-Shadow, pleaseeeee! Adorei o vídeo ;)
vlwww ;)
Mais box-shadow!!! Excelente conteúdo.
Valeu 😀
Consegui fazer um gameboy com esse video valeu, seus videos são muito bons.
Sério? Passa o link.
Ótimo vídeo parabéns 👏 .
Obrigado, Romulo!
Genial! Muito obrigado pelo conteúdo :D
Eu que agradeço pelo comentário.
Muito obrigado!
Disponha.
Explicação excelente!
Obrigado. 😃
mais, mais, muito mais box-shadow!!!
haha, vlw, Hugo! :D
Boa ... tem como colocar variáveis no box-shadow ..
É verdade. 👍
Seu canal é incrivel, sua didatica é impecavel !!! Sucesso
Muitíssimo obrigado pelas palavras, Lucas!
Mais box-shadow e parallax, tbm! Vlw pelo conteúdo! 😎👏🏻
Eu que agradeço pelo comment, Cleiton! :D
mais box-Shadow! seu canal é realmente um espetáculo. Top das galáxias, uma didática sensacional. Parabéns!
Muito obrigado, Marconde!
top as explicações, mais se tiver mais de uma box como ficaria para aplicar os efeitos separadamente?desde já obrigado.
Basta fazer a sombra em uma classe e aplicar essa classe em quaisquer elementos que se queira.
Mais box-shadow!!
Muito bom!!! Já vi efeitos glow / neon que a galera faz com blur. Acho que com blur, precisaria criar dois elementos sobrepostos pra desfocar um deles (galera que brincou no photoshop de criar lua ou sabre de luz sabe muito bem disso hahahaha).
Porém, fica mais fácil fazer essas coisas com box-shadow.
Essa dica da borda pra dentro "INSET" é muito boa também. Não conhecia
Voto contabilizado. :)
Que massa, essa ideia de usar como borda então... muito legal! Mais box-shadow =D
Bem legal, né? :D
Obrigado por participar.
Conteúdo muito bem explicado.
Aula muito top 😁
Muito obrigado! 😁
Vlw dms cara! Tmj
tmj 👊
Excelente
Obrigado!
sensacional! só não entendi, como um conteúdo GOLD desse tem poucas views!
Obs.: Eu gostaria de por meu vídeo do youtube embedado no site, com borda branca e sombra, dando impressão de um video no papel. como faço?
Muito obrigado pela consideração! ;)
Uma das maneiras dessa personalização é colocando o dentro de um wrapper, aí você estiliza esse wrapper, entendeu? Coloca visual de folha, sombra etc.
@@dpwoficial ñ entendi... sei nada de HTML... to montando um site usando "BeaverBuilder" daí tem como por atributo no elemento. queria saber o que escrever no código ao certo.
Provavelmente não vai conseguir esse efeito sem atuar em código. É algo bastante específico.
Talvez isso ajude: plyr.io/
Minha sugestão de vídeo é styled components e similares. Qual a sua opinião em colocar CSS dentro do código JS, você acha que isso vai pegar?...Esse para mim, seria uma sugestão de vídeo foda!
Obrigado pela sugestão, Ederson. Eventualmente, vamos abordar esse e outros temas correlatos no canal, sim.
Minha opinião é que tem seu pontos positivos, mas deve-se analisar cada projeto e decidir se vale a pena o uso naquele caso concreto. O que temos visto, hoje, é muitos considerarem a abordagem como uma solução geral para todos os cenários. =/
Incrivel mano, vlw!
Disponha!
homi....MAIS BOX SHADOW!!!
Voto anotado. =P
Ajudou muuuito!!
Vlw, Emerson!
Ótimo conteúdo!
Obrigado, Erick. 😃
Man muito obrigado mesmo cara, tu me ajudou d+
Disponha!
Muito bom o vídeo!!!
Agradecido, Paulo!
Incrível!
o/
parabens professor inscrito no seu canal.
Muito obrigado, Lucas! Eu que agradeço a confiança!
Só Conteúdo de Qualidade HEHEHE
;)
mais box-shadow e um pouquinho de parallax! kkkk
haha, legal. Boa sugestão. 👍
Seu método de ensino é ótimo. 👏
Muito obrigado, Wesley!
Tácio, cadê o curso completão de sass ?? vlw mestre!
🤫🤐🤭
tooooppppp
vlwww
As duas box-shadows que ele usou:
box-shadow:
inset 0 -3em 3em rgba(0,0,0,0.1),
0 0 0 2px rgb(255,255,255),
0.3em 0.3em 1em rgba(0,0,0,0.3);
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
Boa.
Muito bom cara, ajudou muito
Que bom que ajudou, Giovanna!
MAIS BOX-SHADOW!!!
😄👍
Amei.
:D
Que conteúdo sensacional! Obrigado
Eu que agradeço por participar, Luciano!
Apareça mais. 😃
mais box-shadow e um pouquinho de parallax! kkkk ² 😁😁
haha, ok ok, já estão quase me convencendo... =P
Eu to viciado em colocar box-shadow em tudo 😂
Procure um terapeuta.
Mais box-shadow pf
Anotado.
Olá amigo, tudo bem?
TEnho algumas imagens em gif com fundo transparente. Quando aplico a sombra, ela fica quadrada em volta da minha imagem. Como fazer pra ela contornar só minha imagem? Desde já te agradeço.
developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow
Aí sim garoto. Resolveu meu problema. Muito obrigado. @@dpwoficial
top
vlw, Ari.
muito bom o vídeo, mas o que eu fasso quando a sombra não aparece ?
eu coloquei esse codigo: shadow-box: 0 2px 6px 3px rgba(60,64,67, 0.4); mas ele só aparece em uma parte na outra não
Os 2 primeiros valores são o offset para os eixos X e Y.
No exemplo que você passou, é esperado que só apareça em um lado, porque você está deslocando a sombra para a direita e para baixo.
@@dpwoficial obrigado por responder, consegui fazer a sombra do menu aparecer por completo, tinha uma div na frente, tinha tentado usar z-index, mas parece só funcionar se tiver tudo dentro mesmo elemento
Mais box-shadow
👍
ótimo video querido, to tentando remover um box shadow do meu site na shopify e to apanhando, omg, poderia me dar um help?
Encontre o seletor que você quer remover e estilize com `box-shadow: none`.
maaaaaaaaaaaaaaaaaaais box shadow
:D
Por DEUS, PQ MINHA SHADOW N APARECE. AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH
Calma, jovi. Coloca seu código no CodePen que a gente dá uma olhada.
@@dpwoficial eu estava pondo vírgula entre os valores de tamanho ;-;
@@CarlosEduardo-kn4zf x)
Ótimo vídeo parabéns 👏
Obrigado! 👍