Browse Source

首页加入动画效果

ming 1 year ago
parent
commit
1d7cf71a0c
2 changed files with 14 additions and 4 deletions
  1. 7 0
      assets/css/animate.min.css
  2. 7 4
      index.html

File diff suppressed because it is too large
+ 7 - 0
assets/css/animate.min.css


+ 7 - 4
index.html

@@ -19,6 +19,8 @@
     <link rel="stylesheet" href="../assets/css/element.css">
     <!--====== Default css ======-->
     <link rel="stylesheet" href="assets/css/default.css" />
+    <!--====== animate css ======-->
+    <link rel="stylesheet" href="https://animate.style/animate.min.css" />
     <!--====== Style css ======-->
     <link rel="stylesheet" href="assets/css/style.css" />
     <!--====== home css ====== -->
@@ -69,18 +71,19 @@
             </video>
             <div class="video-des">
                 <div class="des1">
-                    <p>围绕行业细分,累计服务超过 <span>5000</span> 家企业,近<span> 10万 </span>个用户,平台生态高效、健康</p>
+                    <!-- <h1 class="animate__animated animate__bounce">An animated element</h1> -->
+                    <p class="animate__animated  animate__fadeInUp">围绕行业细分,累计服务超过 <span>5000</span> 家企业,近<span> 10万 </span>个用户,平台生态高效、健康</p>
                 </div>
-                <div class="des2 desCom" style="top:43%; left:0;width:100%;text-align:center">
+                <div class="des2 desCom animate__animated  animate__flipInX" style="top:43%; left:0;width:100%;text-align:center">
                     <p>核心价值观</p>
                     <span>一起梦想,一起成长,一起分享</span>
 
                 </div>
-                <div class="des3 desCom" style="top:65%; left:20%;">
+                <div class="des3 desCom animate__animated  animate__lightSpeedInLeft" style="top:65%; left:20%;">
                     <p>企业使命</p>
                     <span>用数字化手段助力客户融入数智时代</span>
                 </div>
-                <div class="des4 desCom" style="top:65%; right:25%;">
+                <div class="des4 desCom animate__animated  animate__lightSpeedInRight" style="top:65%; right:25%;">
                     <p>企业愿景</p>
                     <span>成为智慧数字产业的领跑者</span>
                 </div>

Some files were not shown because too many files changed in this diff