Update

SeeChen · Oct 27, 2024 · 72ba923 · 72ba923
1 parent f927113
commit 72ba923
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 2 deletions.
diff --git a/CSS/travel/footprint_country.css b/CSS/travel/footprint_country.css
@@ -59,6 +59,10 @@
     position: relative;
 }
 
+#country_img_area .country_img:hover div {
+    height: 65%;
+}
+
 #country_img_area .country_img div {
     background: #ffffffaa;
     height: 35%;
@@ -70,7 +74,8 @@
     margin: auto;
     border-radius: 1em;
     box-shadow: 2px 2px 2px #CCC;
-    font-family: aabairimengxiangjia;
+    font-family: "aabairimengxiangjia";
+    transition: all 0.5s;
 }
 
 #country_img_area .country_img div > p:first-child {
@@ -118,4 +123,37 @@
 
 #country_img_area .country_img div > p:nth-child(3):hover::-webkit-scrollbar-thumb {
     background: #888888FF;
-}
+}
+
+#country_img_area .country_img div > p:nth-child(4) {
+    font-family: "aabairimengxiangjia";
+    color: #00000000;
+    font-size: 1.1em;
+    text-align: left;
+    margin: 0.5em 1em;
+    transition: all 0.5s;
+}
+
+#country_img_area .country_img:hover div > p:nth-child(4) {
+    color: #000000aa;
+}
+
+@media screen and (max-width: 750px) {
+
+    #country_img_area .country_img {
+        height: 10em;
+        width: 85%;
+        margin: 0.5em;
+        margin-bottom: 4.5em;
+    }
+
+    #country_img_area .country_img:active div {
+        height: 100%;
+    }
+
+    #country_img_area .country_img div {
+        height: 55%;
+        bottom: -20%;
+    }
+}
+
diff --git a/Travel/index.html b/Travel/index.html
@@ -231,6 +231,7 @@ <h1>您好！</h1>
                             <p>Title</p>
                             <p>city, province, country.</p>
                             <p><span>Label 1</span><span>Label 2</span><span>Label 3</span><span>Label 4</span><span>Label 5</span><span>Label 5</span><span>Label 7</span></p>
+                            <p>Description Description Description</p>
                         </div>
                     </div>