QOL dimming shader

This commit is contained in:
2026-07-27 17:20:59 +02:00
parent cd123cf93d
commit 9e51b77273
6 changed files with 14 additions and 47 deletions

View File

@@ -101,29 +101,6 @@
white-space: pre-line;
}
/* cycle button */
#cycle-button {
font: inherit;
font-size: clamp(0.8rem, 1.4vw, 1rem);
letter-spacing: 0.1em;
padding: 0.7rem 2.4rem;
background: rgba(22, 48, 78, 0.35);
border: 1.5px solid rgba(144, 184, 220, 0.6);
color: #fff;
border-radius: 999px;
cursor: pointer;
backdrop-filter: blur(2px);
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
#cycle-button:hover {
background: rgba(40, 90, 140, 0.5);
border-color: rgba(180, 210, 240, 0.9);
box-shadow: 0 0 18px rgba(90, 170, 255, 0.4);
}
#cycle-button:active {
transform: scale(0.97);
}
/* ---------- resume section ---------- */
@keyframes resumeFadeIn {
from { opacity: 0; transform: translateX(-50%) translateY(18px); }
@@ -481,7 +458,6 @@
<h2 id="scene-subtitle"></h2>
<p id="scene-body"></p>
</div>
<button id="cycle-button">NEXT</button>
<div id="resume-section"></div>
<div id="projects-section"></div>
</div>