From: Cassie Date: Tue, 25 Feb 2025 19:11:21 +0000 (-0500) Subject: Gravity Balls: Added reset button and multi-touch X-Git-Url: https://gitweb.cassieko.com/matter.min.js?a=commitdiff_plain;h=a5c212deee148c41aaf80ec8fca05930765df183;p=neon-realms.git Gravity Balls: Added reset button and multi-touch --- diff --git a/html/1-Balls/balls.html b/html/1-Balls/balls.html index cae3dd4..82a403b 100644 --- a/html/1-Balls/balls.html +++ b/html/1-Balls/balls.html @@ -10,51 +10,79 @@ position: fixed; top: 10px; left: 10px; color: white; font-family: Arial; pointer-events: none; } + + #resetBtn { + position: fixed; + top: 20px; + left: 20px; + padding: 12px 24px; + background: rgba(255, 255, 255, 0.1); + border: 2px solid rgba(255, 255, 255, 0.3); + color: white; + font-family: Arial; + font-size: 16px; + border-radius: 30px; + cursor: pointer; + backdrop-filter: blur(5px); + transition: all 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + z-index: 1000; + } + + #resetBtn:hover { + background: rgba(255, 0, 100, 0.3); + border-color: rgba(255, 0, 100, 0.7); + transform: scale(1.05); + } + + #resetBtn:active { + transform: scale(0.95); + background: rgba(255, 0, 100, 0.3); + border-color: rgba(255, 255, 255, 0.3); + } + + @media (hover: none) { + #resetBtn:hover { + background: rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.3); + transform: none; + } + }

+ -