diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 97c5cdc30..6a3f0b941 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -2,6 +2,27 @@
   user-select: none;
   box-sizing: border-box;
 
+  &__pulse {
+    width: 70%;
+    height: 26px;
+    position: relative;
+    overflow: hidden;
+    background: var(--b3-border-color);
+    border-radius: var(--b3-border-radius);
+
+    &:after {
+      content: " ";
+      border-radius: var(--b3-border-radius);
+      position: absolute;
+      z-index: 1;
+      animation: 1s linear infinite keyframes-pulse;
+      background: linear-gradient(90deg,transparent 0,rgba(255,255,255,.4) 50%,transparent 100%);
+      display: block;
+      height: 100%;
+      width: 100%;
+    }
+  }
+
   &:hover .av__row--footer > .av__calc--show {
     opacity: 1;
   }
@@ -249,11 +270,6 @@
     &:hover svg {
       opacity: 1;
     }
-
-    img {
-      height: 36px;
-      width: 24px;
-    }
   }
 
   &__widthdrag {
diff --git a/app/src/assets/scss/util/_keyframes.scss b/app/src/assets/scss/util/_keyframes.scss
index c41c8906d..1041a728b 100644
--- a/app/src/assets/scss/util/_keyframes.scss
+++ b/app/src/assets/scss/util/_keyframes.scss
@@ -1,3 +1,13 @@
+@keyframes keyframes-pulse {
+  0% {
+    transform: translateX(-100%) translateZ(0)
+  }
+
+  100% {
+    transform: translateX(100%) translateZ(0)
+  }
+}
+
 @keyframes addCard {
   0% {
     box-shadow: -100vw 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
diff --git a/app/src/protyle/render/av/action.ts b/app/src/protyle/render/av/action.ts
index 7a3a71be2..229fef82f 100644
--- a/app/src/protyle/render/av/action.ts
+++ b/app/src/protyle/render/av/action.ts
@@ -359,13 +359,13 @@ export const insertAttrViewBlockAnimation = (blockElement: Element, size: number
     const previousElement = blockElement.querySelector(`.av__row[data-id="${previousId}"]`) || blockElement.querySelector(".av__row--header");
     let colHTML = "";
     previousElement.querySelectorAll(".av__cell").forEach((item: HTMLElement) => {
-        colHTML += `<div class="av__cell" style="width: ${item.style.width}"></div>`;
+        colHTML += `<div class="av__cell" style="width: ${item.style.width}"><span class="av__pulse"></span></div>`;
     });
 
     let html = "";
     new Array(size).fill(1).forEach(() => {
         html += `<div class="av__row">
-    <div class="av__firstcol"><img src="/stage/loading-pure.svg"></div>
+    <div style="width: 24px"></div>
     ${colHTML}
 </div>`;
     });