diff --git "a/\347\277\201\344\277\241\346\240\213/20241018-\345\256\232\344\275\215\345\261\236\346\200\247.md" "b/\347\277\201\344\277\241\346\240\213/20241018-\345\256\232\344\275\215\345\261\236\346\200\247.md"
index 34d4c64493384d225a8ea294dbb6054501bf6f9a..2029633861b64f9465940f2ee499504d16428b1a 100644
--- "a/\347\277\201\344\277\241\346\240\213/20241018-\345\256\232\344\275\215\345\261\236\346\200\247.md"
+++ "b/\347\277\201\344\277\241\346\240\213/20241018-\345\256\232\344\275\215\345\261\236\346\200\247.md"
@@ -38,7 +38,7 @@
 - 子绝父绝、子绝父相、子绝父固，都是可以给儿子定位的。但是在工程上，如果子绝、父绝，没有一个盒子在标准流里面了，所以页面就不稳固，没有任何实战用途
 
 ### 作业代码和效果图
-![效果图](./imgs/image.png)
+![alt text](image.png)
 ```html
 <style>
         *{
diff --git "a/\347\277\201\344\277\241\346\240\213/20241018\345\256\232\344\275\215\345\261\236\346\200\247.md" "b/\347\277\201\344\277\241\346\240\213/20241018\345\256\232\344\275\215\345\261\236\346\200\247.md"
deleted file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..0000000000000000000000000000000000000000
diff --git "a/\347\277\201\344\277\241\346\240\213/20241022-CSS\345\261\236\346\200\247\350\257\246\350\247\243\345\222\214\345\212\250\347\224\273.md" "b/\347\277\201\344\277\241\346\240\213/20241025-CSS\345\261\236\346\200\247\350\257\246\350\247\243\345\222\214\345\212\250\347\224\273.md"
similarity index 48%
rename from "\347\277\201\344\277\241\346\240\213/20241022-CSS\345\261\236\346\200\247\350\257\246\350\247\243\345\222\214\345\212\250\347\224\273.md"
rename to "\347\277\201\344\277\241\346\240\213/20241025-CSS\345\261\236\346\200\247\350\257\246\350\247\243\345\222\214\345\212\250\347\224\273.md"
index 0e32eefbe79f0dcae18e876608657822bc96b750..e4d4ef7637f1723075fd32416b2b2a43d100d715 100644
--- "a/\347\277\201\344\277\241\346\240\213/20241022-CSS\345\261\236\346\200\247\350\257\246\350\247\243\345\222\214\345\212\250\347\224\273.md"
+++ "b/\347\277\201\344\277\241\346\240\213/20241025-CSS\345\261\236\346\200\247\350\257\246\350\247\243\345\222\214\345\212\250\347\224\273.md"
@@ -70,4 +70,163 @@ transition包括以下属性：
 ### 位移：translate
 格式：transform:translate(水平位移，垂直位移);
 ### 旋转：rotate
-格式：transform:rotate(角度);
\ No newline at end of file
+格式：transform:rotate(角度);
+### 作业html代码和效果图
+
+![alt text](image.png)
+```html
+<style>
+    .a{
+        width: 800px;
+        height: 320px;
+        padding-left: 20px;
+        margin: 80px auto;
+    }
+    .b{
+        width: 230px;
+            height: 300px;
+            text-align: center;
+            margin-right: 20px;
+            background-color: #FFF;
+            float: left;
+            position: relative;
+            top: 0;
+            overflow: hidden; 
+            transition: all .5s; 
+    }
+    .b img{
+        margin-top: 30px;
+    }
+    .c{
+        position: absolute;
+            left: 0;
+            bottom: -80px;
+            width: 100%;
+            height: 80px;
+            background-color: rgb(175, 238, 196);
+            transition: all .5s;
+    }
+    .b:hover{
+            top: -5px;
+            box-shadow: 0 0 15px #AAA;
+    }
+    .b:hover .c{
+        bottom: 0;
+    }
+</style>
+<body>
+    <div class="a">
+        <div class="b">
+            <img src="./1.png" alt="">
+        </div>
+        <div class="b">
+            <img src="./2.png" alt="">
+            <span class="c"></span>
+        </div>
+        <div class="b">
+            <img src="./3.jpg" alt="">
+            <span class="c"></span>
+        </div>
+    </div>
+</body>
+```
+```html
+ <style>
+        .d1{
+            width: 330px;
+            height: 550px;
+            margin: 100px auto;
+            position: relative;
+        }
+        img{
+            width: 100%;
+            position: absolute;
+            transition: all 1.5s ease;
+            transform-origin: center bottom;
+            top: 0;
+            left: 0;
+
+        }
+        div:hover img:nth-child(6) {
+            transform: rotate(-10deg);
+        }
+
+        div:hover img:nth-child(5) {
+            transform: rotate(-20deg);
+        }
+
+        div:hover img:nth-child(4) {
+            transform: rotate(-30deg);
+        }
+
+        div:hover img:nth-child(3) {
+            transform: rotate(-40deg);
+        }
+
+        div:hover img:nth-child(2) {
+            transform: rotate(-50deg);
+        }
+
+        div:hover img:nth-child(1) {
+            transform: rotate(-60deg);
+        }
+
+        div:hover img:nth-child(8) {
+            transform: rotate(10deg);
+        }
+
+        div:hover img:nth-child(9) {
+            transform: rotate(20deg);
+        }
+
+        div:hover img:nth-child(10) {
+            transform: rotate(30deg);
+        }
+
+        div:hover img:nth-child(11) {
+            transform: rotate(40deg);
+        }
+
+        div:hover img:nth-child(12) {
+            transform: rotate(50deg);
+        }
+
+        div:hover img:nth-child(13) {
+            transform: rotate(60deg);
+        }
+
+    </style>
+</head>
+<body>
+    <div class="d1">
+        <img src="./20231017210305.png" alt="" class="img1">
+        <img src="./20231017210305.png" alt="" class="img2">
+        <img src="./20231017210305.png" alt="" class="img3">
+        <img src="./20231017210305.png" alt="" class="img4">
+        <img src="./20231017210408.png" alt="" class="img5">
+        <img src="./20231017210408.png" alt="" class="img6">
+        <img src="./20231017210408.png" alt="" class="img7">
+        <img src="./20231017210408.png" alt="" class="img8">
+    </div>
+</body>
+```
+```html
+<style>
+        .d1{
+            width: 200px;
+            height: 200px;
+            background-color: red;
+            font-size: 50px;
+            color:white;
+            transition: all 2s;
+          
+        }
+        .d1:hover{
+            transform: rotate(360deg);
+        }
+    </style>
+</head>
+<body>
+    <div class="d1">遥遥领先</div>
+</body>
+```
\ No newline at end of file
diff --git "a/\347\277\201\344\277\241\346\240\213/imgs/image.png" "b/\347\277\201\344\277\241\346\240\213/imgs/image.png"
index ee7958af74391be6b7e688dcbd4e1bb3540b74e6..a11ba135f50ffa0d69cc7945f55f198987167756 100644
Binary files "a/\347\277\201\344\277\241\346\240\213/imgs/image.png" and "b/\347\277\201\344\277\241\346\240\213/imgs/image.png" differ
diff --git "a/\347\277\201\344\277\241\346\240\213/imgs/image1.png" "b/\347\277\201\344\277\241\346\240\213/imgs/image1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..1a7a9bd753cf908f47353c7063795b10186bcdfa
Binary files /dev/null and "b/\347\277\201\344\277\241\346\240\213/imgs/image1.png" differ
