UG(879550): Need to Remove gif and add images in customization common and individual samples.

ej2-asp-core-mvc/code-snippet/timeline/customization/connector-common/razor

@@ -8,11 +8,5 @@
     .custom-connector .e-timeline-item.e-connector::after {
         border-color: #f7c867;
         border-width: 1.4px;
-        animation: progress 2s;
-    }
-
-    @@keyframes progress {
-        from { height: 0%; }
-        to { height: 100%; }
     }
 </style>

ej2-asp-core-mvc/code-snippet/timeline/customization/connector-common/tagHelper

@@ -14,11 +14,5 @@
     .custom-connector .e-timeline-item.e-connector::after {
         border-color: #f7c867;
         border-width: 1.4px;
-        animation: progress 2s;
-    }
-
-    @@keyframes progress {
-        from { height: 0%; }
-        to { height: 100%; }
     }
 </style>

ej2-asp-core-mvc/code-snippet/timeline/customization/connector-individual/razor

@@ -7,15 +7,8 @@
 <style>
     .custom-connector .state-initial.e-connector::after {
         border: 1.5px #f8c050 dashed;
-        animation: progress 1.5s ease-in-out;
     }
     .custom-connector .state-intermediate.e-connector::after {
         border: 1.5px #4d85f5 dashed;
-        animation: progress 1.5s ease-in-out;
-    }
-
-    @@keyframes progress {
-        from { height: 0%; }
-        to { height: 100%; }
     }
 </style>

ej2-asp-core-mvc/code-snippet/timeline/customization/connector-individual/tagHelper

@@ -13,15 +13,8 @@
 <style>
     .custom-connector .e-timeline-item.state-initial.e-connector::after {
         border: 1.5px #f8c050 dashed;
-        animation: progress 1.5s ease-in-out;
     }
     .custom-connector .e-timeline-item.state-intermediate.e-connector::after {
         border: 1.5px #4d85f5 dashed;
-        animation: progress 1.5s ease-in-out;
-    }
-
-    @@keyframes progress {
-        from { height: 0%; }
-        to { height: 100%; }
     }
 </style>

ej2-asp-core-mvc/timeline/customization.md

@@ -41,7 +41,7 @@ You can define the styles applicable to the all the Timeline item connectors.
 {% endtabs %}
 {% endif %}
 
-![Common styling](images/connector-common.gif)
+![Common styling](images/connector-common.png)
 
 ### Individual styling
 
@@ -70,7 +70,7 @@ You can also apply unique styles to individual connectors, to differentiate spec
 {% endtabs %}
 {% endif %}
 
-![Individual styling](images/connector-individual.gif)
+![Individual styling](images/connector-individual.png)
 
 ## Dot styling