diff --git a/plugins/collapseGroups.js b/plugins/collapseGroups.js
index fc7d90124..8d82a7257 100644
--- a/plugins/collapseGroups.js
+++ b/plugins/collapseGroups.js
@@ -8,6 +8,11 @@ exports.description = 'collapses useless groups';
 
 var animationElems = require('./_collections').elemsGroups.animation;
 
+function hasAnimatedAttr(item) {
+    return item.isElem(animationElems) && item.hasAttr('attributeName', this) ||
+        !item.isEmpty() && item.content.some(hasAnimatedAttr, this);
+}
+
 /*
  * Collapse useless groups.
  *
@@ -50,6 +55,8 @@ exports.fn = function(item) {
                         inner.isElem('g') && !g.hasAttr('transform') && !inner.hasAttr('transform')
                     )) {
                         g.eachAttr(function(attr) {
+                            if (g.content.some(hasAnimatedAttr, attr.name)) return;
+
                             if (!inner.hasAttr(attr.name)) {
                                 inner.addAttr(attr);
                             } else if (attr.name == 'transform' || attr.name == 'class') {
diff --git a/test/plugins/collapseGroups.11.svg b/test/plugins/collapseGroups.11.svg
index e10a2a530..dff1b33da 100644
--- a/test/plugins/collapseGroups.11.svg
+++ b/test/plugins/collapseGroups.11.svg
@@ -10,6 +10,12 @@
         <path d="..." fill="#404040"/>
         <path d="..." fill="#2d2d2d"/>
     </g>
+    <g transform="rotate(-90 25 0)">
+        <circle stroke-dasharray="110" r="20" stroke="#10cfbd" fill="none" stroke-width="3" stroke-linecap="round">
+            <animate attributeName="stroke-dashoffset" values="360;140" dur="2.2s" keyTimes="0;1" calcMode="spline" fill="freeze" keySplines="0.41,0.314,0.8,0.54" repeatCount="indefinite" begin="0"/>
+            <animateTransform attributeName="transform" type="rotate" values="0;274;360" keyTimes="0;0.74;1" calcMode="linear" dur="2.2s" repeatCount="indefinite" begin="0"/>
+        </circle>
+    </g>
 </svg>
 
 @@@
@@ -26,4 +32,10 @@
         <path d="..." fill="#404040"/>
         <path d="..." fill="#2d2d2d"/>
     </g>
+    <g transform="rotate(-90 25 0)">
+        <circle stroke-dasharray="110" r="20" stroke="#10cfbd" fill="none" stroke-width="3" stroke-linecap="round">
+            <animate attributeName="stroke-dashoffset" values="360;140" dur="2.2s" keyTimes="0;1" calcMode="spline" fill="freeze" keySplines="0.41,0.314,0.8,0.54" repeatCount="indefinite" begin="0"/>
+            <animateTransform attributeName="transform" type="rotate" values="0;274;360" keyTimes="0;0.74;1" calcMode="linear" dur="2.2s" repeatCount="indefinite" begin="0"/>
+        </circle>
+    </g>
 </svg>