ExamAware/ExamSchedule
3
0
Fork 0
mirror of https://github.com/ExamAware/ExamSchedule.git synced 2025-04-29 02:56:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 更新样式，使用现代字体并添加背景模糊效果

Browse Source
This commit is contained in:
MKStoler1024 2025-02-20 23:52:30 +00:00
parent 22596bfb99
commit 66440c0df2
1 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -37,12 +37,16 @@
align-items: center;
height: 100vh;
margin: 0;
font-family: 'Helvetica Neue', sans-serif;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 使用更现代的字体 */
color: #fff;
background-color: rgba(0, 0, 0, 0.5); /* 添加半透明背景 */
backdrop-filter: blur(5px); /* 添加背景模糊效果 */
}
h1 {
color: white;
font-size: 36px; /* 更大一点 */
color: #fff;
font-size: 48px;
text-align: center;
margin-bottom: 30px;
animation: fadeInUp 1s ease-in-out;
}
ul {
@ -52,16 +56,23 @@
animation: fadeInUp 1s ease-in-out;
}
li {
margin-bottom: 20px; /* 增加间距 */
margin-bottom: 30px;
}
a {
color: white;
color: #fff;
text-decoration: none;
font-weight: bold; /* 加粗链接文本 */
transition: color 0.3s ease; /* 添加过渡效果 */
font-size: 24px;
font-weight: bold;
padding: 15px 30px;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
display: inline-block;
}
a:hover {
color: #f8d800; /* 鼠标悬停时的颜色 */
background-color: rgba(255, 255, 255, 0.3);
transform: translateY(-3px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
@keyframes fadeInUp {
0% {
@ -83,8 +94,8 @@
</ul>
<!-- 添加GitHub图标跳转项目地址 -->
<a href="https://github.com/ExamAware/ExamSchedule" target="_blank">
<img src="./github-icon.png" alt="GitHub" style="position: absolute; top: 10px; right: 10px; width: 30px; height: 30px;" title="在GitHub上查看源代码">
<a href="https://github.com/ExamAware/ExamSchedule" target="_blank" style="position: absolute; top: 10px; right: 10px; z-index: 1000;">
<img src="./github-icon.png" alt="GitHub" style="width: 30px; height: 30px;" title="在GitHub上查看源代码">
</a>
</body>
</html>