动画

2023-08-09 15:42:35 +08:00
parent 520b970905
commit bb4e5c0bf9
1 changed files with 22 additions and 0 deletions
--- a/src/components/public/public-list-item.vue
+++ b/src/components/public/public-list-item.vue
@@ -537,6 +537,24 @@ img {
            height: 100%;
            cursor: pointer;

+            &:hover {
+                .icon {
+                    // transform: rotate(45deg);
+                    animation: spin 1s forwards;
+                }
+
+            }
+
+            @keyframes spin {
+                0% {
+                    transform: rotate(360deg);
+                }
+
+                100% {
+                    transform: rotate(0deg);
+                }
+            }
+
            .icon {
                width: 16px;
                height: 16px;
@@ -586,6 +604,10 @@ img {
            cursor: pointer;
            margin-left: 10px;

+            &:hover {
+                color: #000000;
+            }
+
            &.go-up {
                border: none;
                color: #fff;