2 жыл бұрын
2 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
3 жыл бұрын
Пікірлер
@rafaeloliver8684 19 күн бұрын
Porque a minha terceira imagem ficou por cima da imagem do lado esquerdo, e nao do lado direito?
@davidoliveira837 2 ай бұрын
Salvou demais, obrigado.
@nilsonmaia9609 2 ай бұрын
Muito bom.
@deivideguilherme 3 ай бұрын
Massa demais o conteúdo. Fiz e deu certinho! Queria fazer o mesmo efeito, porém utilizando o react, na parte do JS não dei conta não, seria possível uma ajuda?
@maicon484 5 ай бұрын
muito bom mesmo
@PAYN3DYARD799 5 ай бұрын
raleu viu mofi👍
@cristiansantos8884 7 ай бұрын
.navegacao ul li.active não funciona pra mim
@JoseAntonio-eu7gb 7 ай бұрын
Passa o link do repositório no GitHub por favor
@gustavodeazevedo4662 8 ай бұрын
Olá! Este projeto está no seu github?
@HuzeHlj 9 ай бұрын
mn, como faz pra aumentar a quantidade de imagens ?? com 3 funcionou de boa mas nao consigo adicionar mais nada
@marissadequerolopes5926 9 ай бұрын
ola, sou iniciante tipo bem do 0% kkkkk, muito bom seu conteúdo, vou tentar fazer com base no seu... tenho uma dúvida, as imagens vc fez do photoshop?
@pedrogustavo8903 9 ай бұрын
Tem o pacote para baixar as imagens?
@JP.oficiial2024 9 ай бұрын
Tem um erro nesse site aí porque quando você vai abrir pelo celular onde tem a opção sobre.... Fica errado quando você abre pelo celular
@franciscomaguremanhande1357 9 ай бұрын
👎 não faz sentido fazer um vídeo sem explicação.......
@gabrielliferreira8595 10 ай бұрын
Perfeito! Consegui deixar minha página muito mais bonita com este vídeo.
@AnaCarolinaAraújo-c1k 10 ай бұрын
Exite algum repositório com as imagens ?
@juliareboucas-zz3km 2 ай бұрын
queria saber tambem
@Twistwe2008 11 ай бұрын
topo , show vou praticar com o seus codigos , so faltou colocar o esquema de compra e pagamentos , mas ta topo parabens
@mizutani_mitty 11 ай бұрын
Se eu quiser passar isso para, digamos, o wordpress, como faria?
@Onixytzz 11 ай бұрын
Cara tava precisando disso , muito obrigado 👊🏽
@giovanilopes8403 11 ай бұрын
Poderia disponibilizar o template ? por favor
@gabrielbrandao2481 11 ай бұрын
Isso seria as medidas do height ou do width?
@gabrielbrandao2481 11 ай бұрын
Isso é o width ou o height?
@francilenesouza7282 Жыл бұрын
invrivel,obrigado <3
@vandersonalves1607 Жыл бұрын
Qual tema você usa no VS Code ?
@josephzada Жыл бұрын
aonde eu baixo os itens usados completo?
@rcajazeira Жыл бұрын
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/style1.css"> <title>Tipo 1</title> </head> <body> <div class="container"> <input type="radio" name="slider" id="item-1" checked> <input type="radio" name="slider" id="item-2"> <input type="radio" name="slider" id="item-3"> <input type="radio" name="slider" id="item-4"> <input type="radio" name="slider" id="item-5"> <input type="radio" name="slider" id="item-6"> </div> <div class="cards"> <label class="card" for="item-1" id="song-1"> <img src="/img/felino1.jpg" alt=""> </label> <label class="card" for="item-2" id="song-2"> <img src="/img/felino2.jpg" alt=""> </label> <label class="card" for="item-3" id="song-3"> <img src="/img/felino3.jpg" alt=""> </label> <label class="card" for="item-4" id="song-4"> <img src="/img/felino4.jpg" alt=""> </label> <label class="card" for="item-5" id="song-5"> <img src="/img/felino5.jpg" alt=""> </label> <label class="card" for="item-6" id="song-6"> <img src="/img/felino6.jpg" alt=""> </label> </div> </body> </html>
@rcajazeira Жыл бұрын
/* zerando */ *{ padding: 0; margin: 0; box-sizing: border-box; } html,body { width: 100%; height: 100%; } body { display: flex; align-items: center; justify-content: center; padding: 30px 10px; background: black; transition: background 0.4s ease-in; } input[type=radio]{ display: none; } img{ height: 100%; border-radius: 10px; object-fit: cover; } .card{ position: absolute; width: 60%; height: 100%; left: 0; right: 0; margin: 0; cursor: pointer; transition: transform 0.4s ease; } .container{ width: 100%; height: 100%; max-width: 600px; max-height: 600px; display: flex; transform-style: preserve-3d; justify-content: center; flex-direction: column; align-items: center; } .cards{ position: relative; width: 100%; height: 100%; margin-bottom: 20px; } #item-1:checked ~ .cards #song-1, #item-2:checked ~ .cards #song-2, #item-3:checked ~ .cards #song-3, #item-4:checked ~ .cards #song-4, #item-5:checked ~ .cards #song-5, #item-6:checked ~ .cards #song-6 { box-shadow: 0px 0px 5px 0px rgb(81, 81, 0.47); transform: translateX(-60%) scale(0.8); opacity: 0.4; z-index: 0; } #item-1:checked ~ .cards #song-1, #item-2:checked ~ .cards #song-2, #item-3:checked ~ .cards #song-3, #item-4:checked ~ .cards #song-4, #item-5:checked ~ .cards #song-5, #item-6:checked ~ .cards #song-6 { box-shadow: 0px 0px 5px 0px rgb(81, 81, 0.47); transform: translateX(60%) scale(1); opacity: 1; z-index: 1; } #item-1:checked ~ .cards #song-1 img, #item-2:checked ~ .cards #song-2 img, #item-3:checked ~ .cards #song-3 img, #item-4:checked ~ .cards #song-4 img, #item-5:checked ~ .cards #song-5 img, #item-6:checked ~ .cards #song-6 img { box-shadow: 0px 0px 5px 0px rgb(81, 81, 0.47); }
@rcajazeira Жыл бұрын
Qual foi meu erro?!
@rcajazeira Жыл бұрын
/* zerando */ *{ padding: 0; margin: 0; box-sizing: border-box; } html,body { width: 100%; height: 100%; } body { display: flex; align-items: center; justify-content: center; padding: 30px 10px; background: black; transition: background 0.4s ease-in; } input[type=radio]{ display: none; } img{ height: 100%; border-radius: 10px; object-fit: cover; } .card{ position: absolute; width: 60%; height: 100%; left: 0; right: 0; margin: 0; cursor: pointer; transition: transform 0.4s ease; } .container{ width: 100%; height: 100%; max-width: 600px; max-height: 600px; display: flex; transform-style: preserve-3d; justify-content: center; flex-direction: column; align-items: center; } .cards{ position: relative; width: 100%; height: 100%; margin-bottom: 20px; } #item-1:checked ~ .cards #song-1 img, #item-2:checked ~ .cards #song-2 img, #item-3:checked ~ .cards #song-3 img, #item-4:checked ~ .cards #song-4 img, #item-5:checked ~ .cards #song-5 img, #item-6:checked ~ .cards #song-6 img { box-shadow: 0px 0px 5px 0px rgb(81, 81, 0.47); transform: translateX(60%) scale(0.8); opacity: 1; z-index: 1; } #item-1:checked ~ .cards #song-1 img, #item-2:checked ~ .cards #song-2 img, #item-3:checked ~ .cards #song-3 img, #item-4:checked ~ .cards #song-4 img, #item-5:checked ~ .cards #song-5 img, #item-6:checked ~ .cards #song-6 img { box-shadow: 0px 0px 5px 0px rgb(81, 81, 0.47); }
@rcajazeira Жыл бұрын
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/style1.css"> <title>Tipo 1</title> </head> <body> <div class="container"> <input type="radio" name="slider" id="item-1" checked> <input type="radio" name="slider" id="item-2"> <input type="radio" name="slider" id="item-3"> <input type="radio" name="slider" id="item-4"> <input type="radio" name="slider" id="item-5"> <input type="radio" name="slider" id="item-6"> </div> <div class="cards"> <label class="card" for="item-1" id="song-1"> <img src="/img/felino1.jpg" alt=""> </label> <label class="card" for="item-2" id="song-2"> <img src="/img/felino2.jpg" alt=""> </label> <label class="card" for="item-3" id="song-3"> <img src="/img/felino3.jpg" alt=""> </label> <label class="card" for="item-4" id="song-4"> <img src="/img/felino4.jpg" alt=""> </label> <label class="card" for="item-5" id="song-5"> <img src="/img/felino5.jpg" alt=""> </label> <label class="card" for="item-6" id="song-6"> <img src="/img/felino6.jpg" alt=""> </label> </div> </body> </html>
@rcajazeira Жыл бұрын
não pegou não
@lucasdesenha520 Жыл бұрын
Amigo vc fez pelo celular? Qual app
@Naoro-pw9js Жыл бұрын
preciso dessa música.
@mmiguel0801 Жыл бұрын
Como posso transformar isso em um link?
@gravity2387 Жыл бұрын
coloca o link do codigo ai pfvr
@JuniorCardoso-u9k Жыл бұрын
Ficou show de bola
@eduardosampaio4625 Жыл бұрын
Porra ta maluco! Brabo demais na moral. Fiz um trabalho da faculdade inteiro so pelo seu video! parabens pelo conteudo.
@wendelzinhodoautotune1399 11 ай бұрын
Estácio? kkkkkk Tamo junto xD
@adrianosantos9908 Жыл бұрын
Estou com dificuldades na parte do portfóliio, por mais que faça o código igual, na renderização os itens não geram o efeito de mover quando se passa o mouse sobre eles, alguém pode me ajudar?
@Guicarllos Жыл бұрын
O que é escrito no formulário vai pra algum e-mail?
@NONAME-fl1hn Жыл бұрын
Link do repositório?
@emillyoliveira6337 Жыл бұрын
ficou incrível, pena que o meu na parte do script final deu errado... não sei pq... ai a animação final não funcionou no meu :,(
@viniciusarruda3035 Жыл бұрын
Estou tentando usar um texto maior, mas ele esta limitando.... como faço para tirar a limitação e pular linha
@gustavov3454 Жыл бұрын
Eu queria o código pro cliente fazer o cadastro clicando no botão de matrícula kk
@professoradanidias Жыл бұрын
Show! Valeu!!!
@marcospauloconsultoria492 Жыл бұрын
KD o código fonte😥?????
@marcospauloconsultoria492 Жыл бұрын
adorei muito obrigado 😁 muito feliz pois estou fazendo na prática
@marcospauloconsultoria492 Жыл бұрын
eu gostaria que já tivesse o código pronto pra baixar
@Procastinandu Жыл бұрын
Olá! Não está aparecendo as redes sociais.
@teodoro6424 Жыл бұрын
Que projeto de qualidade! Meus parabéns.
@rzzdev7 Жыл бұрын
seria possivel liberar o codigo ou pelo menos so as imagens ?