Yansen 2 jaren geleden
bovenliggende
commit
1ca05bfc53
2 gewijzigde bestanden met toevoegingen van 14 en 1 verwijderingen
  1. 1
    1
      src/pages/bk1/pg3.vue
  2. 13
    0
      src/style.less

+ 1
- 1
src/pages/bk1/pg3.vue Bestand weergeven

@@ -24,7 +24,7 @@
24 24
       <section class="animate__animated animate__fadeInDown" style="animation-delay: 1s">
25 25
         <div class="title txt right">
26 26
           <strong>2014年</strong>
27
-          <img src="/images/logo.png" alt="">
27
+          <img class="ani-heart" src="/images/logo.png" alt="">
28 28
         </div>
29 29
         <p class="txt right pr16">
30 30
           我们第一次以“紫金草”的名字,来到大家身边。我们寻访丛葬地,开设“紫色的哀思”公祭网页,发放紫金草徽章,播撒和平的种子

+ 13
- 0
src/style.less Bestand weergeven

@@ -67,4 +67,17 @@ img {
67 67
     // text-stroke: 1px #fff;
68 68
     // -webkit-text-stroke: 1px #fff;
69 69
   }
70
+}
71
+
72
+.ani-heart {
73
+  animation: ani-heart 600ms linear infinite alternate;
74
+}
75
+
76
+@keyframes ani-heart {
77
+  from {
78
+    transform: scale(0.8);
79
+  }
80
+  to {
81
+    transform: scale(1.2);
82
+  }
70 83
 }