From 326bbe1ffb9266d4e723ff6d93418aca6d531e68 Mon Sep 17 00:00:00 2001
From: bayanxing <bayanxing@kaihongdigi.com>
Date: Mon, 21 Feb 2022 11:24:18 +0800
Subject: [PATCH] modify testcase

Signed-off-by: bayanxing <bayanxing@kaihongdigi.com>
---
 .../src/main/js/default/pages/path/index.css  | 54 +++---------------
 .../main/js/default/pages/polygon/index.css   | 55 +++----------------
 .../main/js/default/pages/polyline/index.css  | 54 +++---------------
 .../src/main/js/default/pages/rect/index.css  | 54 +++---------------
 .../src/main/js/default/pages/svg/index.css   | 54 +++---------------
 .../main/js/default/pages/svg_text/index.css  | 54 +++---------------
 .../src/main/js/default/pages/tspan/index.css | 54 +++---------------
 7 files changed, 56 insertions(+), 323 deletions(-)

diff --git a/ace/ace_standard/src/main/js/default/pages/path/index.css b/ace/ace_standard/src/main/js/default/pages/path/index.css
index b84f8de12..be4d509ad 100644
--- a/ace/ace_standard/src/main/js/default/pages/path/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/path/index.css
@@ -88,8 +88,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -102,7 +103,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -111,7 +112,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -123,50 +124,11 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
 .gradient-container{
diff --git a/ace/ace_standard/src/main/js/default/pages/polygon/index.css b/ace/ace_standard/src/main/js/default/pages/polygon/index.css
index 730148d1c..46087d104 100644
--- a/ace/ace_standard/src/main/js/default/pages/polygon/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/polygon/index.css
@@ -209,8 +209,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -223,7 +224,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -232,7 +233,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -244,52 +245,12 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
-
 .gradient-container{
     flex-direction: column;
 }
diff --git a/ace/ace_standard/src/main/js/default/pages/polyline/index.css b/ace/ace_standard/src/main/js/default/pages/polyline/index.css
index 635b27b23..7513f1d3e 100644
--- a/ace/ace_standard/src/main/js/default/pages/polyline/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/polyline/index.css
@@ -209,8 +209,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -223,7 +224,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -232,7 +233,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -244,50 +245,11 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
 .gradient-container{
diff --git a/ace/ace_standard/src/main/js/default/pages/rect/index.css b/ace/ace_standard/src/main/js/default/pages/rect/index.css
index bc3e0c4f3..97964431d 100644
--- a/ace/ace_standard/src/main/js/default/pages/rect/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/rect/index.css
@@ -191,8 +191,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -205,7 +206,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -214,7 +215,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -226,50 +227,11 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
 .gradient-container{
diff --git a/ace/ace_standard/src/main/js/default/pages/svg/index.css b/ace/ace_standard/src/main/js/default/pages/svg/index.css
index 5db8642c8..458448360 100644
--- a/ace/ace_standard/src/main/js/default/pages/svg/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/svg/index.css
@@ -192,8 +192,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -206,7 +207,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -215,7 +216,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -227,50 +228,11 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
 .gradient-container{
diff --git a/ace/ace_standard/src/main/js/default/pages/svg_text/index.css b/ace/ace_standard/src/main/js/default/pages/svg_text/index.css
index 27e4a87fd..a9d3a5a86 100644
--- a/ace/ace_standard/src/main/js/default/pages/svg_text/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/svg_text/index.css
@@ -47,8 +47,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -61,7 +62,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -70,7 +71,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -82,50 +83,11 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
 .gradient-container{
diff --git a/ace/ace_standard/src/main/js/default/pages/tspan/index.css b/ace/ace_standard/src/main/js/default/pages/tspan/index.css
index f06b9aa88..ae4e406c7 100644
--- a/ace/ace_standard/src/main/js/default/pages/tspan/index.css
+++ b/ace/ace_standard/src/main/js/default/pages/tspan/index.css
@@ -47,8 +47,9 @@
 }
 
 .ani1{
-    color: #72ac33;
-    stroke-width: 55px;
+    background-color: #72ac33;
+    width: 55px;
+    height: 55px;
     margin: 5px;
     transform-origin: 0% 0%;
     animation: ani1Go 3s infinite;
@@ -61,7 +62,7 @@
         opacity:0.3;
         width:50px;
         height: 50px;
-        transform:translate(20px) rotate(10deg) scale(0.2) skew(40deg);
+        transform:translate(20px) rotate(10deg) scale(0.2);
         background-position:10% 10%
     }
     30% {
@@ -70,7 +71,7 @@
         width:70px;
         height: 70px;
         background-position:12% 12%;
-        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5) skewX(25deg) skewY(15deg)
+        transform:translateX(10px) translateY(5px) rotateX(20deg) rotateY(25deg) scaleX(0.6) scaleY(0.5)
     }
     to {
         background-color: #6160f7;
@@ -82,50 +83,11 @@
     }
 }
 
-
 .ani2{
-    color: #ad4e2a;
-    stroke-width: 55px;
+    background-color: #ad4e2a;
+    width: 55px;
+    height: 55px;
     margin: 5px;
-    transform-origin: 2% 3%;
-    animation-name:ani2Go;
-    animation-delay:5s;
-    animation-duration:10s;
-    animation-iteration-count:4;
-    animation-timing-function:ease-out;
-    animation-direction:reverse;
-    animation-fill-mode:forwards;
-    animation-play-state:running;
-    transition:all 0 ease 0;
-}
-
-@keyframes ani2Go
-{
-    from {
-        background-color: #f76160;
-        opacity:0.3;
-        width:50px;
-        height: 50px;
-        background-position:10% 10%
-    }
-    30% {
-        background-color: #60f761;
-        opacity:0.5;
-        width:70px;
-        height: 70px;
-        background-position:12% 12%;
-        transform:translateX(10px) translateY(5px)  translateZ(15px)
-        rotateX(20deg) rotateY(25deg) rotateZ(15deg) scaleX(0.6) scaleY(0.5) scaleZ(1.5) perspective(10);
-    }
-    to {
-        background-color: #6160f7;
-        opacity:1;
-        width:90px;
-        height: 90px;
-        background-position:22% 22%;
-        transform:translateX(30px) translateY(45px)  translateZ(55px)
-        rotateX(180deg) rotateY(185deg) rotateZ(150deg) scaleX(2) scaleY(2.5) scaleZ(3.5);
-    }
 }
 
 .gradient-container{
-- 
GitLab