pra quem estiver conseguindo fazer o flip no card e esteja somente invertendo as letras, vá no #back e coloque backface-visibility: hidden; que funciona, beijos
Tô deixando de comprar pizza e tô guardando dinheiro de gorjetas e bicos de instalação de roteador e para comprar seu curso já estudo programação mas gostei de sua didática fácil compreensão e não tá caro o curso investimento em curso nunca é caro .
@@ProgramadorBrTutoriais Blz, irmão? Eu tenho a aprendizagem muito lenta. Mas o desejo de aprender tá firme. Meu pedido é que você faça um tutorial sobre a construção de uma página responsiva em formato de card para algum tipo de comércio, tipo ótica ou vidraçaria, advogado, etc. No estilo mobile first. Com HTML e CSS puro. Mobile first é muito falado, mas pouco praticado nos tutoriais.
Comigo n tava funcionando, sempre ficava girando mas mostrando apenas o BACK. Ai eu coloquei backface-visibility: hidden; no #front e no #back e funcionou.
O meu vs Code não aparece esse seletor de cores no css, as configs estão marcadas corretamente, testei sem extensões e até desinstalei a ide. Alguém tem alguma solução para isso?
ideia pra dois videos, o primeiro video vai ser um gerenciador de senhas com js e o segundo video vai ser um gerador de senhas q vai "conversar" com o gerenciador
Tenho uma duvida. Comprei o seu curso de desenvolvimento web e sei q com os conhecimentos que tem lá e com prática diária eu consigo em medio prazo me arriscar em alguns freelancers, entao é o seguinte: usando de exemplo uma página simples, no caso do cliente poder alterar algumas imagens/textos presentes no site, eu teria que fazer uma aba meio que de "adminstrador" para o cliente? Onde ele poderia adicionar esses elementos de forma simples e a programacao por tras as deixaria "encaixadas" na versao para os outros usuarios, mais ou isso? Alias, mais uma coisa a respeito do curso(so que essa nao tem nd haver com oq disse antes ), eu acredito que aquele modelo de enviar código por email e etc é meio "travadão" sabe, seria mt dificil implementar uma espécie de "formatador de codigo" na aba de comentarios das aulas? Como vemos em alguns foruns. Valeu!
Fala Marcos... esse daqui não eh o melhor canal para falarmos do curso. Esse tipo de dúvida vc pode mandar para o e-mail de suporte. Mas sim, se vc quiser permitir que o seu cliente modifique os dados vc precisa criar uma área administrativa.
POw eu to tentando fazer esse efeito só que com o keyframes infinite e não está funcionando, eu quero fazer um cartão de crédito ficar girando na tela mostrando a frente e a parte de trás dele entende. Alguém pode me dar uma luz kk
Oi amigo, como eu posso está cobrando os fretes dos meus produtos diretamente pelo site? para pagamentos dos produtos eu uso o botão paypal, ja para o frete a paypal não oferece a opção. eu até que consigo calcular o valor do frete correio usando php, porem para está cobrando o valor eu nao consigo.
@@GustavoRS96 boa! um dos dois tem que esconder pra não dar conflito... porém repare que talvez ainda dê pra clicar sob os itens escondidos... tem uns bugzinhos nesse método que não consegui melhorar :/
![Aprenda FLEXBOX de forma divertida. [FLEXBOXFROGGY]](http://i.ytimg.com/vi/7uGDoJN0tAA/mqdefault.jpg)
pra quem estiver conseguindo fazer o flip no card e esteja somente invertendo as letras, vá no #back e coloque backface-visibility: hidden; que funciona, beijos
cara, eu ja tava ficando MALUCO, muitissimo obrigado!
@@gustavolura99 😉 tmj
Muito obg
nossa, salvou demais cara. muito obrigado.
Amigo,funcionou certinho o que vc indicou! Mas pq tive de usar um comando a mais que o moço do vídeo? Vc ou alguém sabe dizer?
Tô deixando de comprar pizza e tô guardando dinheiro de gorjetas e bicos de instalação de roteador e para comprar seu curso já estudo programação mas gostei de sua didática fácil compreensão e não tá caro o curso investimento em curso nunca é caro .
no chrome funciona. Já no firefox, o lado back não aparece e alterna apenas o sentido das letras.
tá bom!!! tá bom!!!! você me convenceu!!! kkk. abraços e sucesso amigo!!! Anderson Sales
Obrigado por existir 🐛👌
Excelente conteúdo, obrigado Igor,
Toooooooop demais esse tutorial.
Doido esperando os próximos descontos do curso pra 2021.
Tutorial Top!
Bom video Igor! 😉
Pra quem não quer usar o script, basta apenas um :focus e passando um transition, funciona da mesma forma
no Edge funciona também
Pra quem tá com problema de os conteúdos ficarem um por cima do outro no front é só adicionar o backface-visibility: hidden; no #card q funciona.
Olá, como adiciono figuras na frente e verso da carta?
Desde já agradeço!
Igor, faz um tutorial de um projeto usando HTML e CSS puros, por favor !
Alguma coisa especifica que você quer que a gente crie?
@@ProgramadorBrTutoriais Qualquer site
pode ser um clone de um site estático
@@mart11ns Isso !
@@ProgramadorBrTutoriais Blz, irmão? Eu tenho a aprendizagem muito lenta. Mas o desejo de aprender tá firme. Meu pedido é que você faça um tutorial sobre a construção de uma página responsiva em formato de card para algum tipo de comércio, tipo ótica ou vidraçaria, advogado, etc. No estilo mobile first. Com HTML e CSS puro. Mobile first é muito falado, mas pouco praticado nos tutoriais.
Comigo n tava funcionando, sempre ficava girando mas mostrando apenas o BACK. Ai eu coloquei backface-visibility: hidden; no #front e no #back e funcionou.
mano salvou de mais
Nuuu salvo!!
Aconteceu a mesma coisa comigo, muito obrigado
Salvou demais, obrigada.
senao adicionar esse comando no css nao vai da certo
backface-visibility: hidden;
nao sei como tava funcionando ai pra vc
Bela sugestão, valeu, salvou meu projeto
para os que tiveram problema como eu após adicionar o preserver-3d, possa ser que esteja faltando:
backface-visibility: hidden;
O que seria "preserve-3d"?
O meu vs Code não aparece esse seletor de cores no css, as configs estão marcadas corretamente, testei sem extensões e até desinstalei a ide. Alguém tem alguma solução para isso?
ideia pra dois videos, o primeiro video vai ser um gerenciador de senhas com js e o segundo video vai ser um gerador de senhas q vai "conversar" com o gerenciador
sim 🙌
Tenho uma duvida. Comprei o seu curso de desenvolvimento web e sei q com os conhecimentos que tem lá e com prática diária eu consigo em medio prazo me arriscar em alguns freelancers, entao é o seguinte: usando de exemplo uma página simples, no caso do cliente poder alterar algumas imagens/textos presentes no site, eu teria que fazer uma aba meio que de "adminstrador" para o cliente? Onde ele poderia adicionar esses elementos de forma simples e a programacao por tras as deixaria "encaixadas" na versao para os outros usuarios, mais ou isso? Alias, mais uma coisa a respeito do curso(so que essa nao tem nd haver com oq disse antes ), eu acredito que aquele modelo de enviar código por email e etc é meio "travadão" sabe, seria mt dificil implementar uma espécie de "formatador de codigo" na aba de comentarios das aulas? Como vemos em alguns foruns. Valeu!
Fala Marcos... esse daqui não eh o melhor canal para falarmos do curso. Esse tipo de dúvida vc pode mandar para o e-mail de suporte.
Mas sim, se vc quiser permitir que o seu cliente modifique os dados vc precisa criar uma área administrativa.
disponibiliza os códigos das aulas no github
O meu não aparece o Front, somente o Back e kcaB. Meu navegador é firefox.
faz um com styled components mano depois
Galera, alguém sabe como faço para que as cartas não fiquem umas por cima das outra? Quero fazer um site responsivo.
POw eu to tentando fazer esse efeito só que com o keyframes infinite e não está funcionando, eu quero fazer um cartão de crédito ficar girando na tela mostrando a frente e a parte de trás dele entende. Alguém pode me dar uma luz kk
Oi amigo, como eu posso está cobrando os fretes dos meus produtos diretamente pelo site?
para pagamentos dos produtos eu uso o botão paypal, ja para o frete a paypal não oferece a opção.
eu até que consigo calcular o valor do frete correio usando php, porem para está cobrando o valor eu nao consigo.
top
Salve mestre, qual é esse editor dos códigos que você usa?? Abração
Visual studio code
No meu não está funcionando, o preserve-3d não tem efeito. O navegador que estou usando é o firefox.
Lá no back coloca - transform: rotateY(0deg);
coloca backface-visibility: hidden; no back também se até hoje estiver com dificuldades hahah
@@wevertonbarbosavieira1334 deu certo, backface-visibility: hidden; no #front e no #back.
@@GustavoRS96 boa! um dos dois tem que esconder pra não dar conflito... porém repare que talvez ainda dê pra clicar sob os itens escondidos... tem uns bugzinhos nesse método que não consegui melhorar :/
fodastico
tentei replicar e não conseguir, fiz a mesma coisa e não funcionou, socorooooooooooo