feat: add CSS animation properties (#16)

Tsuyoshi84 · Nov 4, 2023 · 4690f50 · 4690f50
1 parent f43dfeb
commit 4690f50
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -346,6 +346,10 @@ function interaction() {
 		'animation-iteration-count',
 		'animation-name',
 		'animation-play-state',
+		'animation-range',
+		'animation-range-start',
+		'animation-range-end',
+		'animation-timeline',
 		'animation-timing-function',
 		'timeline-scope',
 
@@ -355,7 +359,11 @@ function interaction() {
 		'transition-duration',
 		'transition-property',
 		'transition-timing-function',
+
+		// view transition
 		'view-transition-name',
+
+		// timeline
 		'view-timeline',
 		'view-timeline-name',
 		'view-timeline-axis',

diff --git a/test/test.css b/test/test.css
@@ -408,6 +408,10 @@
   animation-iteration-count: 1;
   animation-name: none;
   animation-play-state: running;
+  animation-range: normal;
+  animation-range-start: normal;
+  animation-range-end: normal;
+  animation-timeline: none;
   animation-timing-function: ease;
   timeline-scope: none;
 
@@ -417,13 +421,15 @@
   transition-duration: 0.3s;
   transition-property: all;
   transition-timing-function: ease;
+
+  /* view transition */
   view-transition-name: 0;
+
+  /* timeline */
   view-timeline: none;
   view-timeline-name: none;
   view-timeline-axis: 0;
   view-timeline-inset: 0;
-
-  /* scroll timeline */
   scroll-timeline: auto;
   scroll-timeline-name: test;
   scroll-timeline-axis: inline;