CARD COM BOTÃO DE LER MAIS E MENOS | HTML, CSS e JAVASCRIPT

Подписаться 20 тыс.

Просмотров 14 тыс.

50% 1

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

Наука

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

28 сен 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 72

@RobsonSilva-vz3mb Год назад

MUITO LEGAL A SUA DIDÁTICA !! Continua postando mais videos nesse estilo tá ajudando muito a praticar! Obrigado pelo vídeo :)

@luanareinholzPersonal Год назад

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!

@alissontomazelli Год назад

Mais uma vez Obrigado por compartilhar seu conhecimento. Ficou muito top.

@lucascristi9338 Год назад

Parabéns pela explicação, direta ao ponto e bem explicativa!

@btruylio 10 месяцев назад

Muito tri! Parabéns e obrigado. Replicando aqui.

@djpillasrobodanasa240 Год назад

De ontem pra hj aprendi tanto com seu canal, me deu muito ânimo para seguir em frente!

@larissakich Год назад

Fico muito feliz em ler isso, bons estudos ❤️❤️❤️

@mavick. Год назад

estou amando seus vídeos! sua didática é simplesmente sensacional 💫

@larissakich Год назад

Muito obrigadaa 😃, fico muito feliz em saber. Bons estudos!

@leonardothurm Год назад

Parabéns! belo projeto

@edududusoares 4 месяца назад

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 👏

@larissakich 4 месяца назад

Muito obrigada, vou postar mais sim ☺️

@abratreus Месяц назад

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

@aquaparalelodigital 6 месяцев назад

Gosto muito do seu canal como conteúdo que é. Gratidão sempre, saiba disso você.🇺🇲❄️☕💜🖤🌲

@larissakich 6 месяцев назад

Muito obrigada 😊

@aquaparalelodigital 6 месяцев назад

@@larissakich 😍

@joaovilker 6 месяцев назад

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

@renatoevangelista9666 Год назад

Esse ficou ficou sensacional!

@larissakich Год назад

Muito obrigadaaa, que bom que gostou 😄

@djpillasrobodanasa240 Год назад

Muito bom, continue!

@larissakich Год назад

Muito muito obrigada, pode deixar 😄☺️

@danzitodesign Год назад

Muito legal sua didatica!

@larissakich Год назад

Muitooo obrigada 😄

@leiturando2100 Год назад

Vídeo ótimo, me ajudou muito

@larissakich Год назад

Muito obrigadaaaaa ❤️❤️

@gabrielresende2406 9 месяцев назад

Obrigado Larissa! Me ajudou muito!

@larissakich 9 месяцев назад

Eu quem agradeço ☺️

@thiagorockfiekd4371 Год назад

Parabéns pelo conteúdo

@larissakich Год назад

Valeuuu 😄☺️

@manusantos3460 Месяц назад

No react teria q ser usado o stlyed components?

@luizfelipecarminatti Год назад

Por que o estilo .active é adicionado no .card e não no .content?

@zvini6544 Год назад

Obrigado!!

@melissasaraiva6920 Год назад

Oi Lari! Ótimo video como sempre!! Você teria alguma indicação de curso sobre css, ainda é a minha maior dificuldade :(

@larissakich Год назад

Oiii, muito obrigadaaa! O curso da b7web é muito bom, tem um módulo só pra css, recomendo bastante

@sley3152 Год назад

Olha quem voltooou!!

@larissakich Год назад

Volteiii! Skksksksks 😊

@rtx_code Год назад

😚😁😁

@nataneukk Месяц назад

queria usar um cross no lugar e agr giovani

@jhonata0601 Год назад

ótimos vídeos 😎

@larissakich Год назад

Valeuuuu, fico muito feliz ☺️😄

@JulioCesar-yv9nw 8 месяцев назад

Lari, faz um video de como fechar o menu clicando em qualquer parte do site aaaaaaaaaaaaaaaaaaaaaaaa

@ja1_antonio Год назад

Sensacional

@larissakich Год назад

Muito obrigadaaaa ☺️

@ezioplay2151 Год назад

Muito bom.

@larissakich Год назад

Muito obrigadaaaa ☺️

@soielumsay 6 месяцев назад

oioi, muito obrigada pelo tutorial

@larissakich 6 месяцев назад

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

@soielumsay 6 месяцев назад

@@larissakich isso já ajuda mto pois eu não sei nada de JS kk vou procurar certinho, obg de novo

@laiongabriel3496 Год назад

vídeo massa! qual a fonte que você usa no vscode?

@larissakich Год назад

Oii, muito obrigada, uso a Tokyo night

@nelson.costa.dev2536 8 месяцев назад

legal

@pedrocfreitas 9 месяцев назад

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.

@larissakich 9 месяцев назад

Oii, não, você alteraria o javascript para ele funciona com a mesma classe só que apenas no card específico que você clicou

@pedrocfreitas 9 месяцев назад

tipo renomeando o id da card ?@@larissakich

@larissakich 9 месяцев назад

Assim que der refaço e te mostro como ficaria

@pedrocfreitas 9 месяцев назад

@@larissakich tá certo. Muito obrigado

@tauanynunes476 Год назад

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?

@larissakich Год назад

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!

@mavick. Год назад

que tema é esse que você tá usando no vscode?? achei lindo

@larissakich Год назад

Oii, é o Tokyo night 😄

@mavick. Год назад

@@larissakich brigada! 💕