CARD COM BOTÃO DE LER MAIS E MENOS | HTML, CSS e JAVASCRIPT
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2022
- Nesse vídeo eu ensino como fazer um CARD com a FUNÇÃO DE LER MAIS E MENOS, utilizando HTML, CSS e JAVASCRIPT.
LINK PARA O REPOSITÓRIO NO GITHUB:
github.com/Larissakich/read_m...
LINK PARA O SVG:
undraw.co/illustrations
@IMPORT DA FONTE UTILIZADA:
@import url('fonts.googleapis.com/css2?fam...
TEXTO ALEATÓRIO DO PARÁGRAFO:
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatem laborum odit repellendus nihil est sapiente inventore reprehenderit iure tempora voluptatibus saepe vel officiis esse nobis blanditiis porro ea sunt, dolorum quam expedita quasi eius accusamus assumenda atque. Repellat eum, maxime tenetur laborum rem porro quis esse inventore possimus voluptate veritatis.
INSTAGRAM:
@lariikich
LINKEDIN:
/ larissakich - วิทยาศาสตร์และเทคโนโลยี
Estou todos os dias destinando uma hora para fazer esses projetos com você, muito legal aprender e entender alguns detalhes que fazem diferença no projeto final com mais qualidade!
MUITO LEGAL A SUA DIDÁTICA !! Continua postando mais videos nesse estilo tá ajudando muito a praticar!
Obrigado pelo vídeo :)
Mais uma vez Obrigado por compartilhar seu conhecimento.
Ficou muito top.
Parabéns pela explicação, direta ao ponto e bem explicativa!
Muito tri! Parabéns e obrigado. Replicando aqui.
Parabéns! belo projeto
Maratonando o canal! Espero que siga postando mais vídeos, afinal não se encontra fácil assim um conteúdo tão bacana de se acompanhar 👏
Muito obrigada, vou postar mais sim ☺️
estou amando seus vídeos!
sua didática é simplesmente sensacional 💫
Muito obrigadaa 😃, fico muito feliz em saber. Bons estudos!
Muito bom, continue!
Muito muito obrigada, pode deixar 😄☺️
De ontem pra hj aprendi tanto com seu canal, me deu muito ânimo para seguir em frente!
Fico muito feliz em ler isso, bons estudos ❤️❤️❤️
Esse ficou ficou sensacional!
Muito obrigadaaa, que bom que gostou 😄
Vídeo ótimo, me ajudou muito
Muito obrigadaaaaa ❤️❤️
Obrigado!!
Muito legal sua didatica!
Muitooo obrigada 😄
Obrigado Larissa! Me ajudou muito!
Eu quem agradeço ☺️
Parabéns pelo conteúdo
Valeuuu 😄☺️
Gosto muito do seu canal como conteúdo que é. Gratidão sempre, saiba disso você.🇺🇲❄️☕💜🖤🌲
Muito obrigada 😊
@@larissakich 😍
Sensacional
Muito obrigadaaaa ☺️
Muito bom.
Muito obrigadaaaa ☺️
ótimos vídeos 😎
Valeuuuu, fico muito feliz ☺️😄
legal
Olá!! Uma dica Lari, sempre que precisar adicionar um caminho (ex: src="assets/imagens/icon.svr"), ao invés de ter que escrever parte do caminho, o atalho (ctrl + espaço) faz este trabalho para você, lembrando que nem sempre funciona, mas vale apena tentar!! Abçs
Olha quem voltooou!!
Volteiii! Skksksksks 😊
😚😁😁
Pode colocar Lorem + a quantidade de letras que tu quer tipo Lorem100 e tem um atalho para ver suas recomendações que é ctrl espaço
No react teria q ser usado o stlyed components?
Por que o estilo .active é adicionado no .card e não no .content?
Oi Lari! Ótimo video como sempre!! Você teria alguma indicação de curso sobre css, ainda é a minha maior dificuldade :(
Oiii, muito obrigadaaa! O curso da b7web é muito bom, tem um módulo só pra css, recomendo bastante
queria usar um cross no lugar e agr giovani
Lari, eu tentei por mais de um card com esse read more, mas acaba dando erro e desconfigurando tudo, sabe o que eu posso fazer pra resolver?
Oii, para fazer mais de um card, precisamos mudar um pouco o JS. Queria conseguir te ajudar por aqui mas é um pouco complexo, da uma pesquisada em como fazer uma função de click com mais de um botão, ou com mais de uma classe, pode ser que tu encontre!
Lari, faz um video de como fechar o menu clicando em qualquer parte do site aaaaaaaaaaaaaaaaaaaaaaaa
vídeo massa!
qual a fonte que você usa no vscode?
Oii, muito obrigada, uso a Tokyo night
oioi, muito obrigada pelo tutorial
Oii, eu quem agradeço, eu sei que dá para fazer com o toggle no jquery as animações, e com jQuery também é mais fácil fazer com outros cards juntos, não vou conseguir te explicar certinho agora, mas acredito que você encontra alguma coisa sobre isso na documentação dele
@@larissakich isso já ajuda mto pois eu não sei nada de JS kk vou procurar certinho, obg de novo
se eu quisesse criar mais 4 cards, eu teria que alterar as classes tambem? porq as informações da função se refere a uma classe especifica né... ei eu teria q fazer 4 funçoes, com o mesmo comportamento pra aplicar em cada card? Obrigado.
Oii, não, você alteraria o javascript para ele funciona com a mesma classe só que apenas no card específico que você clicou
tipo renomeando o id da card ?@@larissakich
Assim que der refaço e te mostro como ficaria
@@larissakich tá certo. Muito obrigado
Como eu faço para esse script funcionar em mais 2 cards?
estou com essa duvida também.
O meu foi tudo certinho mais quando clica não vai 😪
Meu tbm
Você vai encontrar o erro 🤝
que tema é esse que você tá usando no vscode??
achei lindo
Oii, é o Tokyo night 😄
@@larissakich brigada! 💕
Oi, como coloca esse estilo no vs code?
Oii, o tema é Tokyo night, você consegue baixar ele nas extensões
Consegui, obrigado!
Que canal legal, vou dar um follow aqui e no insta, achei massa... E vc usa o mesmo tema que eu kskss
Muito obrigadaaaa ☺️😄