Windows 11 CSS
Gracias por las estrellas ...
El código no es el mejor, lo sé, pero desafortunadamente,
No editaré este repositorio, para mantenerlo simple para los desarrolladores junior (como lo era hace 2 años)
Porque si se protagoniza mucho, creo que es bueno como es.
Lo siento (puedes cambiarlo si quieres, para hacerlo aún mejor)
sitio web en línea
w11-clone.vercel.app
Interfaz de usuario

Tabla de contenido
- Clon de Windows 11
- Imagen de Windows 11 Clon
- Tabla de contenido
- En mouse_move, creará un arrastre de selección de dinámico
- Menú de inicio
- imagen estática
- animación gif
- Sección de widgets
- imagen estática
- animación gif
- Crea una nueva ventana en clic
- imagen estática
- animación gif
- Ventana móvil y recuperable
- imagen estática
- animación gif
- Funcionalidad de ventana móvil
- Funcionalidad de ventana de reenvío
- Funcionalidad
- Snap de izquierda
- imagen estática
- animación gif
- Chasquido
- Full_screen Snap
- imagen estática
- animación gif
- Si se minimiza la ventana, el icono está en Navbar (todo esto se centra automáticamente)
- imagen estática
- animación gif
✅ NUEVA característica: en mouse_move, creará un arrastre de selección dinámica

Menú de inicio (con animaciones)
Imagen estática del menú de inicio (Windows 11)

GIF de la animación en el menú Inicio (Windows 11)

Sección de la barra de tareas de widget de Windows 11
Imagen estática de la sección de widget cuando está activo (Windows 11)

GIF de la animación en la sección de widgets (Windows 11)

Crea una nueva pestaña Windows al hacer clic en cualquier icono
Imagen estática de la nueva pestaña cuando se genera (Windows 11)

GIF de la animación de la nueva pestaña cuando se genera (Windows 11)

Ventana de pestaña móvil y recuperable
Imagen estática de la ventana de pestañas móviles y recuperables (Windows 11)

gif con animación de esta funcionalidad
Funcionalidad de la ventana móvil (onmousemove)

Cambiar la funcionalidad de la ventana (sin usar JavaScript)

Funcionalidad Snap de Windows 11
Snap de izquierda
Imagen estática de la funcionalidad Snap de izquierda

GIF animado de la funcionalidad Snap de izquierda

chasquido
Imagen estática de la funcionalidad rápida

All_screen Snap
Imagen estática de Full_Screen Snap Funcionality

GIF animado de Full_Screen Snap Funcionality

Si se minimiza la ventana, el icono está en Navbar (todo esto se centra automáticamente)
imagen estática

gif animado

El recuento de vistas comenzó a partir del 3 de febrero, pero el proyecto se sube en diciembre.