"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Cartões de expansão de projetos - Minha jornada de 'Projetos em dias'

Cartões de expansão de projetos - Minha jornada de 'Projetos em dias'

Publicado em 2024-08-29
Navegar:585

Project Expanding Cards - My

Este é o showcase do projeto 1/50, do curso "50 Projetos em 50 Dias", embora eu tenha finalizado todos os projetos nos últimos 50 dias (ou um pouco mais! ), eu queria fazer do meu jeito, quero dizer, pegar a ideia principal ou o conceito principal do projeto e entendê-lo corretamente, e ver seus prós, contras e até mesmo levá-lo para o próximo nível.

Neste projeto, a ideia principal era criar uma série de cartões (ou painéis) que se expandem ao clicar, simples assim, mas tenho um monte de outras coisas para implementar aqui, como:

  • Usando a API Popover para expandir o painel em vez de um clique do mouse.
  • Buscando imagens da API Unsplash.
  • Tornando os painéis interativos com movimentos do mouse.
  • Adicionando um reflexo abaixo de cada painel usando webkit-box-reflect.
  • Adicionando uma sombra colorida a cada painel (usando filtro SVG).

Depois de implementar essas coisas, este projeto passou para o próximo nível, que mostra complexidade na simplicidade junto com a estética, talvez eu pudesse aplicar uma funcionalidade de amostragem de cores no futuro!.

Gostaria de ouvir suas opiniões, sugestões, pensamentos, também não se esqueça de curtir e seguir.

Meu 50 projeto no repositório da jornada de 50 dias
Entre em contato comigo no Twitter
Entre em contato comigo no Linkedin

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/alishata128/project-1-expanding-cards-my-50-projects-in-50-days-journey-1na6?1 Se houver alguma violação, entre em contato com study_golang @163.com excluir
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3