Skip to content

Commit

Permalink
优化卡片阴影和动画
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nero978
Nero978 committed Aug 3, 2023
1 parent 9e50cc5 commit 2fae720
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 12 deletions.
4 changes: 2 additions & 2 deletions css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -124,7 +124,7 @@
}

.link-card:hover {
transform: scale(1.01);
transform: scale(1.03);
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

Expand All @@ -133,7 +133,7 @@
}

.pic-card:hover {
transform: scale(1.01);
transform: scale(1.03);
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

Expand Down
20 changes: 10 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -344,7 +344,7 @@ <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold text-center">海底地铁</h3>

</div>

<div class="p-5 mb-4 bg-body-tertiary rounded-3 position-relative link-card" id="museum">
<div class="shadow-lg p-5 mb-4 bg-body-tertiary rounded-3 position-relative link-card" id="museum">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold">博物馆 Museum</h1>
<p class="col-md-8 fs-4">Miracle Town Museum 是由 MT
Expand All @@ -355,7 +355,7 @@ <h1 class="display-5 fw-bold">博物馆 Museum</h1>
</div>
</div>

<div class="p-5 mb-4 bg-body-tertiary rounded-3 position-relative link-card" id="khl">
<div class="shadow-lg p-5 mb-4 bg-body-tertiary rounded-3 position-relative link-card" id="khl">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold">语音社区 Kook</h1>
<p class="col-md-8 fs-4">快加入 Miracle Town 的官方语音频道，在这里你可以与服内好友一起语音游戏，相互协作。更重要的是，在重大直播和活动时它都能用得上。</p>
Expand All @@ -367,7 +367,7 @@ <h1 class="display-5 fw-bold">语音社区 Kook</h1>

<div class="row align-items-md-stretch">
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="satellite">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="satellite">
<div>
<h2>卫星云图 Satellite</h2>
<p>前往与游戏服务器实时同步的地图页面，看看众多玩家们的作品。与此同时，你甚至可以在 Web 端和服务器内的玩家在线聊天，所有的聊天内容都将与游戏内的聊天实时同步。</p>
Expand All @@ -378,7 +378,7 @@ <h2>卫星云图 Satellite</h2>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="wiki">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="wiki">
<div>
<h2>官方百科 Wiki</h2>
<p>开放共享的 Wiki 将是整个服务器使用的百科全书，我们期待它能面面俱到地提供任何你想要了解的内容，并助力整个社区开放共享文化的发展。</p>
Expand All @@ -392,7 +392,7 @@ <h2>官方百科 Wiki</h2>

<div class="row align-items-md-stretch">
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="qq">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="qq">
<div>
<h2>QQ Group</h2>
<p>前往 Miracle Town 官方 QQ 群，和数以百计的玩家们一起交流和讨论！在这里，你还能掌握第一手官方消息，紧跟我们的运营动态。</p>
Expand All @@ -403,7 +403,7 @@ <h2>QQ Group</h2>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="Github">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="Github">
<div>
<h2>开源仓库 Github</h2>
<p>想要学习？这里会是个好地方。Github 托管着 Miracle Town 的 Wiki 和官网 Web 页面，我们期待这些代码可以帮助你迈入神奇世界的大门。</p>
Expand All @@ -417,7 +417,7 @@ <h2>开源仓库 Github</h2>

<div class="row align-items-md-stretch">
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="bz">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="bz">
<div>
<h2>官方B站 Bilibili</h2>
<p>Miracle Town 的绝美风光和RX工作室发布的大多数作品都在这里，甚至是每年春节的直播也会在这里进行，快来关注我们吧！</p>
Expand All @@ -429,7 +429,7 @@ <h2>官方B站 Bilibili</h2>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="weibo">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="weibo">
<div>
<h2>官方微博 Weibo</h2>
<p>在这里，你可以第一时间了解到服务器的最新动态，以及管理组的最新动态，甚至是一些有趣的幕后小故事。更有神秘抽奖，不容错过。</p>
Expand All @@ -444,7 +444,7 @@ <h2>官方微博 Weibo</h2>

<div class="row align-items-md-stretch">
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="report">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="report">
<div>
<h2>报告问题 Report</h2>
<p>服务器宕机了，或者是有 Bug？或者是对服务器有更好的建议？请别犹豫，把这些问题报告给我们，让我们一起把 MT 变得更好！</p>
Expand All @@ -455,7 +455,7 @@ <h2>报告问题 Report</h2>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="h-100 p-5 rounded-3 position-relative link-card" id="mail">
<div class="shadow-lg h-100 p-5 rounded-3 position-relative link-card" id="mail">
<div>
<h2>举报玩家 Accusation</h2>
<p>发现不公正的游戏行为？还是管理组存在腐败行为？请依据《Miracle Town 市民公约》向我们检举，共创更好的家园环境。</p>
Expand Down

0 comments on commit 2fae720

Please sign in to comment.