DEV Community: Marcos Aurelio

My Hover Effect

Marcos Aurelio — Sat, 08 Jul 2023 20:43:41 +0000

  "Descrição de Efeitos de Estilo em CSS":

Este projeto é uma demonstração interativa de efeitos de estilo em CSS. Ele inclui um título centralizado com animação no hover. O plano de fundo é uma cor escura e o texto muda para branco ao passar o mouse. Além disso, o título tem um elemento pseudo ::before com um gradiente de cores, que cria um efeito visual interessante. É uma forma divertida de aprender e explorar diferentes estilos CSS para adicionar interatividade e apelo visual aos elementos HTML. Aproveite e experimente!

Fogos de Artificio

Marcos Aurelio — Wed, 05 Jul 2023 03:42:36 +0000

O projeto consiste em um efeito de fogos de artifício implementado em JavaScript, HTML e CSS. Ao clicar em qualquer lugar na tela, múltiplas partículas coloridas são criadas, simulando o efeito de um fogos de artifício. As partículas se movem em direções aleatórias e diminuem de tamanho gradualmente. O projeto busca oferecer uma experiência moderna e visualmente agradável. O código é estruturado usando uma classe Particle para representar cada partícula, e funções para criar os fogos de artifício, atualizar a animação e lidar com eventos de clique.

https://github.com/marcosaureliosl/jogo-da-memoria-harrypotter/tree/main

Marcos Aurelio — Fri, 30 Jun 2023 06:50:26 +0000

Gostaria de expressar meu sincero agradecimento a todos que têm acompanhado de perto minha jornada nessa nova etapa da minha carreira. Seu apoio e encorajamento significam muito para mim. Cada palavra de incentivo e suporte tem sido um combustível essencial para minha motivação e crescimento. Agradeço por estar ao meu lado, compartilhando esse caminho desafiador e cheio de aprendizados. Sua presença e apoio constante são verdadeiramente apreciados. Vamos continuar avançando juntos

Animação de Preenchimento

Marcos Aurelio — Fri, 16 Jun 2023 21:57:16 +0000

O código acima implementa uma animação de barra de progresso que preenche gradualmente. Quando a página é clicada, a animação começa e uma requisição é enviada para um servidor. Após a conclusão da requisição, a resposta é processada e você pode personalizar as ações a serem realizadas com os dados recebidos.

Efeito Load

Marcos Aurelio — Fri, 16 Jun 2023 12:24:24 +0000

Esse código CSS é usado para criar um efeito visual de carregamento em uma página da web. Ele define estilos de posicionamento, tamanho e cor para um elemento específico, chamado .load. O elemento é exibido como um quadrado de 80px por 80px.

O efeito de carregamento é criado usando gradientes de cor e transformações. Os gradientes são usados para criar uma transição suave de cores no fundo do elemento, criando um efeito visual interessante. Além disso, são adicionados círculos adicionais ao redor do elemento para enfatizar o efeito de rotação.

A propriedade animation é usada para animar o elemento, fazendo-o girar continuamente. Essa animação é aplicada usando a regra @keyframes e é definida para uma duração de 1 segundo. Isso cria a ilusão de um carregamento em progresso.

No geral, esse código CSS combina gradientes de cor e animação para criar um efeito de carregamento visualmente atraente. Ele pode ser utilizado em sites para indicar que algo está em processo de carregamento ou processamento, proporcionando uma experiência interativa ao usuário.

https://codepen.io/qpjfptxi-the-encoder/pen/abQbMJr

Marcos Aurelio — Mon, 12 Jun 2023 14:34:57 +0000

meu menu circular

Marcos Aurelio — Thu, 08 Jun 2023 03:58:52 +0000

https://codepen.io/qpjfptxi-the-encoder/pen/abQbMJr

fala pessoal sou novo aqui.