Windows 11 CSS
Obrigado pelas estrelas ...
O código não é o melhor, eu sei, mas infelizmente,
Não vou editar este repositório, para simplificar para os desenvolvedores juniores (como eu tinha 2 anos atrás)
Porque se é estrelado muito, acho que é bom.
Desculpe (você pode mudar, se quiser, para torná -lo ainda melhor)
site online
W11-CLONE.VERCEL.APP
Interface do usuário

índice
- Clone do Windows 11
- Imagem do clone do Windows 11
- índice
- No mouse_move, ele criará um arrasto de seleção dinâmica
- Iniciar o menu
- imagem estática
- Animação GIF
- Seção de widgets
- imagem estática
- Animação GIF
- Crie uma nova janela em clique
- imagem estática
- Animação GIF
- Janela móvel e redimensionável
- imagem estática
- Animação GIF
- Funcionalidade móvel da janela
- Funcionalidade da janela redimensível
- Funcionalidade do snap
- Snap esquerdo
- imagem estática
- Animação GIF
- Snap direita
- Full_screen Snap
- imagem estática
- Animação GIF
- Se a janela minimizou, o ícone estará no NavBar (tudo isso está centrado automaticamente)
- imagem estática
- Animação GIF
✅New Recurso: no mouse_move, ele criará um arrasto de seleção dinâmica

Iniciar o menu (com animações)
Imagem estática do menu Iniciar (Windows 11)

GIF da animação no menu Iniciar (Windows 11)

Seção da barra de tarefas do widget do Windows 11
Imagem estática da seção de widget quando está ativo (Windows 11)

GIF da seção de animação na seção de widgets (Windows 11)

Crie uma nova guia do Windows sobre clique em qualquer ícone
Imagem estática da nova guia quando gerado (Windows 11)

GIF da animação da nova guia quando gerado (Windows 11)

Janela de guia móvel e redimensível
Imagem estática da janela de guia móvel e redimensível (Windows 11)

GIF com animação desta funcionalidade
funcionalidade móvel da janela (onMouseMove)

Redimensione a funcionalidade da janela (sem usar JavaScript)

Windows 11 Snap Funcionalidade
Snap esquerdo
Imagem estática da funcionalidade Snap esquerda

Gif animado da funcionalidade Snap esquerda

Snap direita
Imagem estática da funcionalidade Snap Right

All_Screen Snap
Imagem estática da funcionalidade Full_screen Snap

GIF animado da funcionalidade Full_screen Snap

Se a janela minimizou, o ícone estará no NavBar (tudo isso está centrado automaticamente)
imagem estática

GIF animado

A contagem de visualizações começou a partir de 3 de fevereiro, mas o projeto é enviado em dezembro.