1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
| ---
title: 藏宝阁
date: 2024-11-08 22:58:54
updated: 2024-11-08 22:58:54
type: banner
cover: https://ui.everfu.cn/27685388304f0604353e15a10a08cd8d.png/cover
desc: 这里收集了一些我喜欢的东西
rightbtn: 搭建教程
rightbtnlink: /p/a9d5ace8.html
container: true
---
## 小说
<div class="cards">
{% card '平凡的世界','','https://ui.everfu.cn/18d84d772a70268d01e3e0afb10024cb.png/cover','5','','fa-solid fa-book-open','小说' %}
{% card '三体','','https://ui.everfu.cn/fe3b51dd02dbcead1fd30bd2c18b937a.png/cover','5','','fa-solid fa-book-open','小说' %}
{% card '斗破苍穹','','https://ui.everfu.cn/1b39ab99737a9a005883b107f92d326a.png/cover','4.2','','fa-solid fa-book-open','小说' %}
</div>
## 游戏
<div class="cards">
{% card '英雄联盟','','https://ui.everfu.cn/590b8d0ab53e2d2ec0921c974f9da2cc.png/cover','4.8','','fa-solid fa-gamepad','游戏' %}
</div>
## 电影
<div class="cards">
{% card '送你一朵小红花','','https://ui.everfu.cn/2c43592494c2f59ad017ef1618cf3059.png/cover','4.8','','fa-solid fa-film','电影' %}
</div>
<style>
.cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.card_box {
transform: translateY(0);
transition: transform 0.3s ease;
margin: 0 !important;
}
.card_box:after {
content: '';
position: absolute;
box-sizing: border-box;
border-radius: 12px;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid white;
pointer-events: none;
}
.card_box:hover {
transform: translateY(-10px);
}
.card_box:hover .card_mask {
display: none !important;
}
</style>
|
