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 b84f8de1247874530c9a743357430dba4246b7c4..be4d509ad814395e2cb838d477b1cf9329f9d391 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 730148d1c563d0528b67cf8e90a860ebeee8d998..46087d10479e4235877947cf136a67a4ac5736e2 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 635b27b231a28d8d4165bf5083357b7867815dc9..7513f1d3e275db2ffc366464b6606e134c0c1db9 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 bc3e0c4f38c4c52ebd537ed0854a4aa9041f957b..97964431d19581c78616a1da910f808fb881a38f 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 5db8642c811fd5ebd38df87e6af8d831e8b2916b..4584483607248aa5c847867c0ee6983ee662bcd0 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 27e4a87fd5ca14ab1f11a2d74650596287b54611..a9d3a5a86a6c73d9d0f5bfd0b2edc0cba112e107 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 f06b9aa88659a0bfeab789453d4a672116d0d044..ae4e406c73985e52b6ce575b41a00eb3e68e1311 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{