QOL dimming shader
This commit is contained in:
24
index.html
24
index.html
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user