Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>My Example</title> <style> .sidebar { will-change: left; position: fixed; left: -8.5em; top: 50%; width: 8em; background: yellowgreen; color: white; margin: -3em 0 0 0; padding: 2em; transition: 0.3s; } .sidebar:hover { left: 0; } </style> <div class="sidebar"> Sliding sidebar thingy </div>
Preview