diff --git a/css/css-properties-values-api/animation/custom-property-transition-custom-ident.html b/css/css-properties-values-api/animation/custom-property-transition-custom-ident.html
index 2f5b55459d5b80c..b7ca1ec785e847c 100644
--- a/css/css-properties-values-api/animation/custom-property-transition-custom-ident.html
+++ b/css/css-properties-values-api/animation/custom-property-transition-custom-ident.html
@@ -11,7 +11,7 @@
from: "from",
to: "to",
expected: "to",
- animationType: "discrete",
+ behavior: "allow-discrete",
}, 'A custom property of type can yield a discrete CSS Transition');
diff --git a/css/css-properties-values-api/animation/custom-property-transition-image.html b/css/css-properties-values-api/animation/custom-property-transition-image.html
index 8498615a936f6d2..4fd3fe649b0ac55 100644
--- a/css/css-properties-values-api/animation/custom-property-transition-image.html
+++ b/css/css-properties-values-api/animation/custom-property-transition-image.html
@@ -11,7 +11,7 @@
from: 'url("https://example.com/from")',
to: 'url("https://example.com/to")',
expected: 'url("https://example.com/to")',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type can yield a CSS Transition');
diff --git a/css/css-properties-values-api/animation/custom-property-transition-mismatched-list.html b/css/css-properties-values-api/animation/custom-property-transition-mismatched-list.html
index 3007f2aa87dbeab..b7d964b92cb5c7c 100644
--- a/css/css-properties-values-api/animation/custom-property-transition-mismatched-list.html
+++ b/css/css-properties-values-api/animation/custom-property-transition-mismatched-list.html
@@ -11,7 +11,7 @@
from: '100deg, 200deg',
to: '300deg',
expected: '300deg',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -19,7 +19,7 @@
from: '100deg 200deg',
to: '300deg',
expected: '300deg',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -27,7 +27,7 @@
from: 'rgb(100, 100, 100), rgb(150, 150, 150)',
to: 'rgb(200, 200, 200)',
expected: 'rgb(200, 200, 200)',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -35,7 +35,7 @@
from: 'rgb(100, 100, 100) rgb(150, 150, 150)',
to: 'rgb(200, 200, 200)',
expected: 'rgb(200, 200, 200)',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -43,7 +43,7 @@
from: 'foo, bar',
to: 'baz',
expected: 'baz',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -51,7 +51,7 @@
from: 'foo bar',
to: 'baz',
expected: 'baz',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -59,7 +59,7 @@
from: 'url("https://example.com/foo"), url("https://example.com/bar")',
to: 'url("https://example.com/to")',
expected: 'url("https://example.com/to")',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -67,7 +67,7 @@
from: 'url("https://example.com/foo") url("https://example.com/bar")',
to: 'url("https://example.com/to")',
expected: 'url("https://example.com/to")',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -75,7 +75,7 @@
from: '100, 200',
to: '300',
expected: '300',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -83,7 +83,7 @@
from: '100 200',
to: '300',
expected: '300',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -91,7 +91,7 @@
from: '100px, 200px',
to: '300%',
expected: '300%',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -99,7 +99,7 @@
from: '100px 200px',
to: '300%',
expected: '300%',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -107,7 +107,7 @@
from: '100px, 200px',
to: '300px',
expected: '300px',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -115,7 +115,7 @@
from: '100px 200px',
to: '300px',
expected: '300px',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -123,7 +123,7 @@
from: '100, 200',
to: '300',
expected: '300',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -131,7 +131,7 @@
from: '100 200',
to: '300',
expected: '300',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -139,7 +139,7 @@
from: '100%, 200%',
to: '300%',
expected: '300%',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -147,7 +147,7 @@
from: '100% 200%',
to: '300%',
expected: '300%',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -155,7 +155,7 @@
from: '100dppx, 200dppx',
to: '300dppx',
expected: '300dppx',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type # yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -163,7 +163,7 @@
from: '100dppx 200dppx',
to: '300dppx',
expected: '300dppx',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type + yields a discrete CSS Transition if the lists do not contain the same number of values');
transition_test({
@@ -171,7 +171,7 @@
from: '100s, 200s',
to: '300s',
expected: '300s',
- animationType: 'discrete',
+ behavior: 'allow-discrete',
}, 'A custom property of type