https://github.com/rochadevj/christmas_home_page

Explore um cenário encantador que celebra o espírito natalino!
https://github.com/rochadevj/christmas_home_page

canvas-animation html-css-javascript keyframes-animation svg-path

Last synced: about 2 months ago
JSON representation

Explore um cenário encantador que celebra o espírito natalino!

• Host: GitHub
• URL: https://github.com/rochadevj/christmas_home_page
• Owner: Rochadevj
• License: mit
• Created: 2023-12-24T17:54:24.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-30T02:11:11.000Z (11 months ago)
• Last Synced: 2024-01-30T03:29:40.378Z (11 months ago)
• Topics: canvas-animation, html-css-javascript, keyframes-animation, svg-path
• Language: HTML
• Homepage: https://christmas-hp.vercel.app
• Size: 370 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# Christmas HomePage 🎄✨

Bem-vindo(a)  ao meu projeto de Natal! 🌟 Este é um home page onde a alegria das festas ganha vida. 🎅✨

## Layout web

![Captura de Tela (118)](https://github.com/Rochadevj/Christmas_home_page/assets/81716008/bd8de574-85bc-4e0d-815d-b0fb3e47c499)

## Layout moblie

![127 0 0 1-screenshot](https://github.com/Rochadevj/Christmas_home_page/assets/81716008/fabcdb3c-7b52-4bc6-84e7-ba25d8a76cdd)

## 🛠️ Construído com

html, css, Javascript

Canvas: O elemento  é empregado para criar gráficos dinâmicos, como o cenário festivo com a árvore de Natal decorada.

SVG e PATH: A linguagem SVG (Scalable Vector Graphics) é utilizada para desenhar gráficos vetoriais, enquanto o elemento path é empregado para definir trajetórias e formas, trazendo detalhes visuais específicos ao projeto.

Keyframes Animation: As animações são implementadas utilizando keyframes, proporcionando movimento e dinamicidade a elementos específicos do projeto.

## 📄 Licença

Este projeto está sob a licença [MIT licensed](./LICENSE).

---

⌨️ Com ❤️ por [Henrique Rocha](https://www.linkedin.com/in/henrique-rocha-389609287/)