Soda Mockup-CSS

Este projeto é um clone de um tutorial que ensina a criar um mockup animado de uma lata de refrigerante utilizando HTML e CSS. O projeto explora conceitos avançados de animações, layout responsivo e manipulação visual de imagens, utilizando apenas CSS.

Funcionalidades

Animação suave ao passar o mouse sobre a lata de refrigerante.
Transições e efeitos que alteram as posições e a visibilidade dos elementos.
Design totalmente responsivo, adaptando-se a diferentes tamanhos de tela.
Uso de imagens para criar o efeito visual da lata de refrigerante.

Tecnologias Utilizadas

HTML5: Estrutura básica do projeto.
CSS3: Estilização e animações.
Google Fonts: Uso das fontes Karantina e Poppins.

Pré-visualização

Aqui estão algumas imagens do projeto para visualização no browser e no VS Code:

Visualização no Browser

Como Usar

Clone este repositório:

git clone https://github.com/dev-wallace/soda-mockup-css

Créditos

Este projeto é um clone de um tutorial criado por [LUN DEV]. Agradecimentos especiais ao autor por fornecer um guia passo a passo para a construção deste mockup.