huannvictor / navgation-menu-indicator Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

This is a simple project where an animated menu was developed using the following principles: CSS3 animation such as 'transform' and 'transition'; a logic of how the button would behave when clicked using JavaScript; choice of icons from the IonIcons library based on UX/UI.

1 star 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
assets		assets
README.md		README.md
index.html		index.html
index.js		index.js
style.css		style.css

Repository files navigation

Animated Navigation Menu

Sobre o projeto:

Projeto desenvolvido de um tutorial do canal: Online Tutorials focado em tutoriais de técnicas avançadas em CSS3.

Nesse projeto simples foi desenvolvido um menu animado utilizando os seguintes princípios:

animação do CSS3, como o transform e transition
uma lógica de como o botão se comportaria ao ser clicado usando JavaScript
escolha dos ícones da biblioteca IonIcons que se baseia em UX/UI

Tecnologias & Utilitários

HTML5

CSS3

Google Fonts

Ion Icons

CONFIRA O DEPLOY EM:

https://huannvictor.github.io/navgation-menu-indicator/

imagem de tela da aplicação, um menu animado

About

This is a simple project where an animated menu was developed using the following principles: CSS3 animation such as 'transform' and 'transition'; a logic of how the button would behave when clicked using JavaScript; choice of icons from the IonIcons library based on UX/UI.

javascript css3 ionicons animate-css

Report repository

Releases

No releases published

Packages

No packages published

Languages