The feature in Windows 11 is a sleek, hidden interface that allows you to power off your device with a simple downward swipe or mouse drag. While it was originally designed for tablets and touch-enabled laptops like the Surface, it is accessible on any PC, offering a modern alternative to the traditional multi-click Start menu path. What is Slide to Shut Down?
isDragging = true; // store start thumb offset and start pointer X const thumbRect = thumb.getBoundingClientRect(); const currentThumbLeft = thumbRect.left; startX = clientX - currentThumbLeft; // set capturing for smooth move thumb.setPointerCapture(e.pointerId); document.body.style.cursor = 'grabbing';
</style> </head> <body>
init(); )(); </script> </body> </html>
// dimensions & state let isDragging = false; let startX = 0; let currentTranslateX = 0; // current thumb offset (px) let maxOffset = 0; // max allowed offset (px) let trackRect = null; let animationFrame = null; let shutdownTriggered = false; // once shutdown is triggered, interaction locked
/* drag area relative container */ .drag-zone position: relative; width: 100%; height: 68px;
The feature in Windows 11 is a sleek, hidden interface that allows you to power off your device with a simple downward swipe or mouse drag. While it was originally designed for tablets and touch-enabled laptops like the Surface, it is accessible on any PC, offering a modern alternative to the traditional multi-click Start menu path. What is Slide to Shut Down?
isDragging = true; // store start thumb offset and start pointer X const thumbRect = thumb.getBoundingClientRect(); const currentThumbLeft = thumbRect.left; startX = clientX - currentThumbLeft; // set capturing for smooth move thumb.setPointerCapture(e.pointerId); document.body.style.cursor = 'grabbing'; slide to shutdown windows 11
</style> </head> <body>
init(); )(); </script> </body> </html>
// dimensions & state let isDragging = false; let startX = 0; let currentTranslateX = 0; // current thumb offset (px) let maxOffset = 0; // max allowed offset (px) let trackRect = null; let animationFrame = null; let shutdownTriggered = false; // once shutdown is triggered, interaction locked The feature in Windows 11 is a sleek,
/* drag area relative container */ .drag-zone position: relative; width: 100%; height: 68px; isDragging = true; // store start thumb offset