/9-dots-menu

This is a dinamic menu component example

Primary LanguageCSS

Teste de componente - Menu grid com animação.

Conteúdo do projetos

Sobre

Esse projeto demonstra como criar um menu de 9 posições em grid (sendo uma delas a de fechar o menu).

Começando

Pré-requisitos

Para criar esses efeitos, estamos usando um pacote de ícones externo da Ionic, chamado ion-icons. Com isso, é necessário adicionar no nosso head duas linhas para poder acessar os scripts de construção de ícones deles.

Você também pode baixar eles para o projeto, se preferir utilizar diretamente do seu servidor ou se quiser estudar eles.

Exemplo de uso: 
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>

Referências

Esse projeto foi extraído de um vídeo do canal Online Tutorials que tem muitos exemplos muito maneiros de contrução de código apenas com HTML, Javascript e CSS.

Link do vídeo: Online Tutorials