Support for CSS3 animations

NEWS

@@ -24,6 +24,7 @@ Key: # = backwards incompatible change, ! = new feature, - = bugfix.
 ! New CSS3 properties
 ! Method for merging @import files
 ! Properly sorting IE 6 and 7 hack properties (thanks weikinhuang)
+! Support for CSS3 animations
 - Added localizations for css_optimiser.php
 - Fixed bug with cookie setting for custom templates
 - Minor security problem in css_optimiser.php fixed

lib/CSSTidy.php

@@ -94,6 +94,7 @@ class CSSTidy
         '@import' => 'iv',
         '@namespace' => 'iv',
         '@media' => 'at',
+        '@keyframes' => 'at',
         //'font-feature-values ' => 'at', // Not fully supported yet
     );
 
@@ -228,7 +229,17 @@ class CSSTidy
         'speak-punctuation' => 'CSS2.0,CSS2.1,CSS3.0',
         'speak-numeral' => 'CSS2.0,CSS2.1,CSS3.0',
 
-        // CSS3 only
+        // CSS3 properties
+        // Animation module
+        'animation-timing-function' => 'CSS3.0',
+        'animation-name' => 'CSS3.0',
+        'animation-duration' => 'CSS3.0',
+        'animation-iteration-count' => 'CSS3.0',
+        'animation-direction' => 'CSS3.0',
+        'animation-play-state' => 'CSS3.0',
+        'animation-delay' => 'CSS3.0',
+        'animation' => 'CSS3.0',
+
         'background-size' => 'CSS3.0',
         'background-origin' => 'CSS3.0',
         'border-radius' => 'CSS3.0',

testing/unit-tests/csst/special/animation.csst

@@ -0,0 +1,40 @@
+--TEST--
+multiples cursor rules
+--CSS--
+@keyframes 'wobble' {
+
+    from {
+      left: 100px;
+    }
+
+    40% {
+      left: 150px;
+    }
+
+    60% {
+      left: 75px;
+    }
+
+    to {
+      left: 100px;
+    }
+
+}
+--PRINT--
+@keyframes wobble {
+from {
+left:100px
+}
+
+40% {
+left:150px
+}
+
+60% {
+left:75px
+}
+
+to {
+left:100px
+}
+}