geeeeeeeek · zhyj6 · Feb 8, 2024 · Feb 8, 2024 · Feb 8, 2024 · Feb 8, 2024
diff --git a/1 b/1
@@ -0,0 +1 @@
+
diff --git a/audio/笛子绿洲 - 生生世世爱 (竹笛版) (纯音乐).ogg b/audio/笛子绿洲 - 生生世世爱 (竹笛版) (纯音乐).ogg
diff --git a/css/实训作业的CSS.css b/css/实训作业的CSS.css
@@ -0,0 +1,28 @@
+@charset "utf-8";
+/* CSS Document */
+.header {
+    position: fixed;
+    display: flex;
+    justify-content:center;
+    align-items: center;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100px;
+    opacity: 0.95;
+    text-align: center;
+    background: #fff;
+    box-shadow: 0 0 12px #eee;
+    z-index: 999;
+}
+ul{list-style-type:none}
+li{float:left; padding:15px;}
+.stxj{margin:110px; text-align:center;}
+a:link{text-decoration:none; color:#99F;}
+a:hover{color:#F00;}
+.xjjs{width:90%;height:auto; line-height:50px; text-align:center;margin:0 auto; font-size:18px; background-image:url(../imgs/%E6%B5%85%E8%89%B2%E5%9B%BE%E7%89%87%E9%AB%98%E6%B8%85%E7%9A%84.png)}
+.tp{border:1px solid #000; padding:10px;}
+.tpxj{padding:5px;}
+footer{width:100%;height:200px; background:#222;margin-top:200px}
+body{background-image:url(../imgs/%E6%B7%B1%E8%89%B2%E6%9C%A8%E5%A4%B4%E7%BA%B9.png);}
+.zp{background-image:url(../imgs/%E6%B5%85%E8%89%B2%E5%9B%BE%E7%89%87%E9%AB%98%E6%B8%85%E7%9A%84.png);}
diff --git a/css/文字悬停和遮罩CSS.css b/css/文字悬停和遮罩CSS.css
@@ -0,0 +1,102 @@
+@charset "utf-8";
+*{
+    /* 元素的总宽度和高度包含内边距和边框 */
+    box-sizing: border-box;
+}
+.container{
+    /* 相对定位 */
+    position: relative;
+    /* 弹性布局 横向排列 允许换行 */
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+.container .box{
+    position: relative;
+    width: 330px;
+    height: 440px;
+    /* 溢出隐藏 */
+    overflow: hidden;
+    /* 动画过渡 */
+    transition: 0.5s;
+}
+/* 鼠标移入，盒子变大 */
+.container .box:hover{
+    transform: scale(1.25);
+    box-shadow: 0 25px 40px rgba(0,0,0,0.5);
+    z-index: 1;
+}
+.container .box .img-box{
+    /* 绝对定位 */
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+/* 渐变遮罩（黑色——透明） 默认隐藏 */
+.container .box .img-box::before{
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(to top,#222,transparent);
+    z-index: 1;
+    opacity: 0;
+    transition: 0.5s;
+}
+/* 鼠标移入，渐变遮罩显示 */
+.container .box:hover .img-box::before{
+    opacity: 1;
+}
+.container .box .img-box img{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    /* 保持原有尺寸比例，裁切长边 */
+    object-fit: cover;
+}
+.container .box .text-box{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    /* 弹性布局 元素位于容器的结尾 */
+    display: flex;
+    align-items: flex-end;
+    color: #fff;
+    z-index: 2;
+}
+.container .box .text-box h2{
+    font-size: 20px;
+    margin-bottom: 12px;
+    /* 默认移出可视范围 */
+    transform: translateY(200px);
+    transition: 0.5s;
+}
+.container .box:hover .text-box h2{
+    /* 鼠标移入，移入可视范围 */
+    transform: translateY(0);
+    /* 设置动画延迟时间 */
+    transition-delay: 0.3s;
+}
+.container .box .text-box p{
+    font-size: 13px;
+    line-height: 17px;
+    /* 默认移出可视范围 */
+    transform: translateY(200px);
+    transition: 0.5s;
+}
+.container .box:hover .text-box p{
+    /* 鼠标移入，移入可视范围 */
+    transform: translateY(0);
+    /* 设置动画延迟时间 */
+    transition-delay: 0.4s;
+}/* CSS Document */
+
diff --git a/imgs/2345_image_file_copy_1.jpg b/imgs/2345_image_file_copy_1.jpg
diff --git a/imgs/bitbug_favicon (1).ico b/imgs/bitbug_favicon (1).ico
diff --git a/imgs/bitbug_favicon.ico b/imgs/bitbug_favicon.ico
diff --git a/imgs/仙剑.png b/imgs/仙剑.png
diff --git a/imgs/仙剑1.png b/imgs/仙剑1.png
diff --git a/imgs/仙剑1剧照.png b/imgs/仙剑1剧照.png
diff --git a/imgs/仙剑2.png b/imgs/仙剑2.png
diff --git a/imgs/仙剑3剧照.webp b/imgs/仙剑3剧照.webp
diff --git a/imgs/仙剑LOGO.png b/imgs/仙剑LOGO.png
diff --git a/imgs/仙剑奇侠传1.png b/imgs/仙剑奇侠传1.png
diff --git a/imgs/仙剑奇侠传2.png b/imgs/仙剑奇侠传2.png
diff --git a/imgs/仙剑奇侠传3.png b/imgs/仙剑奇侠传3.png
diff --git a/imgs/仙剑奇侠传3外传问情.png b/imgs/仙剑奇侠传3外传问情.png
diff --git a/imgs/仙剑奇侠传4.png b/imgs/仙剑奇侠传4.png
diff --git a/imgs/仙剑奇侠传5.png b/imgs/仙剑奇侠传5.png
diff --git a/imgs/仙剑奇侠传5前传.png b/imgs/仙剑奇侠传5前传.png
diff --git a/imgs/仙剑奇侠传6.png b/imgs/仙剑奇侠传6.png
diff --git a/imgs/仙剑奇侠传7.png b/imgs/仙剑奇侠传7.png
diff --git a/imgs/仙剑开篇.jpg b/imgs/仙剑开篇.jpg
diff --git a/imgs/徐长卿.png b/imgs/徐长卿.png
diff --git a/imgs/斜剑.jpg b/imgs/斜剑.jpg
diff --git a/imgs/景天.png b/imgs/景天.png
diff --git a/imgs/暗黑玄黑边框图片.jpg b/imgs/暗黑玄黑边框图片.jpg
diff --git a/imgs/暗黑玄黑边框图片.png b/imgs/暗黑玄黑边框图片.png
diff --git a/imgs/横剑.jpg b/imgs/横剑.jpg
diff --git a/imgs/武大仙剑.jpg b/imgs/武大仙剑.jpg
diff --git a/imgs/浅色图片.png b/imgs/浅色图片.png
diff --git a/imgs/浅色图片高清的.png b/imgs/浅色图片高清的.png
diff --git a/imgs/深色木头纹.png b/imgs/深色木头纹.png
diff --git a/imgs/许茂山.png b/imgs/许茂山.png
diff --git a/imgs/重楼.png b/imgs/重楼.png
diff --git a/imgs/雪见.png b/imgs/雪见.png
diff --git a/imgs/龙葵.png b/imgs/龙葵.png