Skip to content

Commit 6788ce8

Browse files
author
WhoChangedMyCode
committed
update done
1 parent 3a51d3c commit 6788ce8

File tree

2 files changed

+96
-12
lines changed

2 files changed

+96
-12
lines changed

Diff for: ‎ghost.css

+70
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,70 @@
1+
*{
2+
/* 初始化 */
3+
margin:0;
4+
padding:0;
5+
}
6+
7+
.container{
8+
/* 100%窗口高度 */
9+
height:100vh;
10+
/* 彈性佈局 居中 */
11+
display: flex;
12+
justify-content: center;
13+
align-items: center;
14+
/* 溢出隱藏 */
15+
overflow: hidden;
16+
background-color: #0d1117;
17+
}
18+
19+
h1{
20+
display: flex;
21+
font-family: 黑体;
22+
font-size: 100px;
23+
color: #c9d1d9;
24+
}
25+
26+
h1 span{
27+
/* 過度動畫 */
28+
transition:1.5s;
29+
}
30+
31+
h1:hover span{
32+
/* 模糊 */
33+
filter:blur(10px);
34+
/* 不透明度 */
35+
opacity: 0;
36+
/* 放大 */
37+
transform:scale(2);
38+
}
39+
40+
/* 接下來為每一個span元素設置動畫延時時間 */
41+
h1 span:nth-child(1){
42+
transition-delay:0.1s;
43+
}
44+
h1 span:nth-child(2){
45+
transition-delay:0.2s;
46+
}
47+
h1 span:nth-child(3){
48+
transition-delay:0.3s;
49+
}
50+
h1 span:nth-child(4){
51+
transition-delay:0.4s;
52+
}
53+
h1 span:nth-child(5){
54+
transition-delay:0.5s;
55+
}
56+
h1 span:nth-child(6){
57+
transition-delay:0.6s;
58+
}
59+
h1 span:nth-child(7){
60+
transition-delay:0.7s;
61+
}
62+
h1 span:nth-child(8){
63+
transition-delay:0.8s;
64+
}
65+
h1 span:nth-child(9){
66+
transition-delay:0.9s;
67+
}
68+
h1 span:nth-child(10){
69+
transition-delay:1s;
70+
}

Diff for: ‎index.html

+26-12
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<head>
55
<meta charset='UTF-8'>
66
<meta name='viewport' content='width=device-width initial-scale=1'>
7+
<link rel="stylesheet" href="./ghost.css">
78

89
<link href='https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Nunito:ital,wght@0,400;0,700;1,400;1,700&display=swap' rel='stylesheet' type='text/css' />
910
<style type='text/css'>
@@ -2885,6 +2886,20 @@
28852886
</head>
28862887

28872888
<body class='typora-export os-windows'>
2889+
<div class="container">
2890+
<h1>
2891+
<span>個</span>
2892+
<span>人</span>
2893+
<span>博</span>
2894+
<span>客</span>
2895+
<span>建</span>
2896+
<span>設</span>
2897+
<span>中</span>
2898+
<span>·</span>
2899+
<span>·</span>
2900+
<span>·</span>
2901+
</h1>
2902+
</div>
28882903
<div class='typora-export-content'>
28892904
<div id='write' class=''>
28902905
<p><img src="./Durov.jpg" referrerpolicy="no-referrer" alt="Image loading error"></p>
@@ -2907,23 +2922,22 @@
29072922
<li><span>Celebrity advice. Famous people often give unwarranted advice outside their fields of expertise. For all important things in life, it&#39;s best to rely on hard science and expert opinion.</span></li>
29082923
</ol>
29092924
<hr />
2910-
<p>&nbsp;</p>
2911-
<p><span>🎂 在我 37 岁的时候，我列出了生活中 3 件被低估和 7 件被高估的事情。</span></p>
2925+
<p><span>🎂 在我 37 歲的時候，我列出了生活中 3 件被低估和 7 件被高估的事情。</span></p>
29122926
<p><span>3️⃣ 被低估</span></p>
29132927
<ol start=''>
2914-
<li><span>睡觉。睡眠可以提高免疫力、创造力和心理健康。</span></li>
2915-
<li><span>自然。自然是我们在生物学上被设计为感觉良好的环境。</span></li>
2916-
<li><span>孤独。独处提供了实现精神和智力突破的自由。</span></li>
2928+
<li><span>睡覺。睡眠可以提高免疫力、創造力和心理健康。</span></li>
2929+
<li><span>自然。自然是我們在生物學上被設計為感覺良好的環境。</span></li>
2930+
<li><span>孤獨。獨處提供了實現精神和智力突破的自由。</span></li>
29172931
</ol>
29182932
<p><span>7️⃣ 被高估</span></p>
29192933
<ol start=''>
2920-
<li><span>大城市。大城市是污染、犯罪和噪音的源头。获得他们的资源是件好事，但建议住在他们的边界之外。</span></li>
2921-
<li><span>餐厅。餐厅提供最慢、效率最低的用餐方式。在家做饭可以实现更健康的饮食并更好地控制食材。</span></li>
2922-
<li><span>天气炎热。晴朗的天气不仅会带来松懈的态度，还会带来患癌症和加速衰老的风险。相反，较冷的温度会使精神、身体和思想变得清晰。</span></li>
2923-
<li><span>时尚。无休止地追求符合不断变化的趋势是昂贵且不必要的。专注于舒适的衣服让生活更简单，并为重要的事情腾出空间。</span></li>
2924-
<li><span>房地产。购买房地产通常会限制一个人的选择，并且是一项有问题的投资。租赁可以让您更自由地移动和探索不同的地点。</span></li>
2925-
<li><span>社交媒体。来自社交媒体的垃圾不断涌入我们的脑海，降低了我们的幸福感和创造力。与这些互联网服务断开连接是我们在任何一天都能做的最好的事情。</span></li>
2926-
<li><span>名人建议。名人经常在他们的专业领域之外提供毫无根据的建议。对于生活中所有重要的事情，最好依靠硬科学和专家意见。</span></li>
2934+
<li><span>大城市。大城市是汙染、犯罪和噪音的源頭。獲得他們的資源是件好事，但建議住在他們的邊界之外。</span></li>
2935+
<li><span>餐廳。餐廳提供最慢、效率最低的用餐方式。在家做飯可以實現更健康的飲食並更好地控製食材。</span></li>
2936+
<li><span>天氣炎熱。晴朗的天氣不僅會帶來松懈的態度，還會帶來患癌癥和加速衰老的風險。相反，較冷的溫度會使精神、身體和思想變得清晰。</span></li>
2937+
<li><span>時尚。無休止地追求符合不斷變化的趨勢是昂貴且不必要的。專註於舒適的衣服讓生活更簡單，並為重要的事情騰出空間。</span></li>
2938+
<li><span>房地產。購買房地產通常會限製一個人的選擇，並且是一項有問題的投資。租賃可以讓您更自由地移動和探索不同的地點。</span></li>
2939+
<li><span>社交媒體。來自社交媒體的垃圾不斷湧入我們的腦海，降低了我們的幸福感和創造力。與這些互聯網服務斷開連接是我們在任何一天都能做的最好的事情。</span></li>
2940+
<li><span>名人建議。名人經常在他們的專業領域之外提供毫無根據的建議。對於生活中所有重要的事情，最好依靠硬科學和專家意見。</span></li>
29272941
</ol>
29282942
<p>&nbsp;</p>
29292943
<p>&nbsp;</p>

0 commit comments

Comments
 (0)