2526-web/kelompok06-2048
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Homepage

Browse Source
This commit is contained in:
Jevinca Marvella 2025-12-03 16:41:03 +07:00
parent 5a27928bca
commit f429d41adc
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
Homepage.css
View File

@ -162,6 +162,33 @@ header {
transform: translateY(-4px) scale(1.05); transform: translateY(-4px) scale(1.05);
} }
.btn-login {
background: linear-gradient(135deg, #00eaff, #0099ff);
color: #fff;
font-weight: 900;
box-shadow: 0 6px 30px rgba(0, 234, 255, 0.7), 0 0 20px rgba(0, 153, 255, 0.5);
border: 2px solid rgba(0, 234, 255, 0.5);
position: relative;
z-index: 1;
animation: loginPulse 2s ease-in-out infinite;
}
@keyframes loginPulse {
0%, 100% {
box-shadow: 0 6px 30px rgba(0, 234, 255, 0.7), 0 0 20px rgba(0, 153, 255, 0.5);
}
50% {
box-shadow: 0 8px 40px rgba(0, 234, 255, 0.9), 0 0 35px rgba(0, 153, 255, 0.7);
}
}
.btn-login:hover {
background: linear-gradient(135deg, #7d0dde, #00aaff);
box-shadow: 0 12px 50px rgb(117, 3, 230), 0 0 50px rgba(0, 153, 255, 0.9);
transform: translateY(-5px) scale(1.1);
border-color: rgba(0, 255, 255, 0.8);
}
/* Hero Section */ /* Hero Section */
.hero { .hero {
position: relative; position: relative;

2
Homepage.html
View File

@ -14,7 +14,7 @@
<header> <header>
<div class="logo">2048</div> <div class="logo">2048</div>
<div class="nav-buttons"> <div class="nav-buttons">
<a href="Login.html" class="btn btn-secondary">Login</a> <a href="Login.html" class="btn btn-login">Login</a>
</div> </div>
</header> </header>