Skip to content

Commit 144c3ac

Browse files
authored
Add keywords to motion-path (#1754)
1 parent 57565b9 commit 144c3ac

File tree

2 files changed

+75
-5
lines changed

2 files changed

+75
-5
lines changed

features/motion-path.yml

+19
Original file line numberDiff line numberDiff line change
@@ -3,3 +3,22 @@ description: The `offset` CSS property animates an element along a defined motio
33
spec: https://drafts.fxtf.org/motion-1/
44
group: css
55
caniuse: css-motion-paths
6+
status:
7+
compute_from: css.properties.offset
8+
compat_features:
9+
- css.properties.offset
10+
- css.properties.offset-path
11+
- css.properties.offset-path.basic_shape
12+
- css.properties.offset-path.coord_box
13+
- css.properties.offset-path.path
14+
- css.properties.offset-path.ray
15+
- css.properties.offset-path.url
16+
- css.properties.offset-distance
17+
- css.properties.offset-rotate
18+
- css.properties.offset-rotate.auto
19+
- css.properties.offset-rotate.reverse
20+
- css.properties.offset-anchor
21+
- css.properties.offset-anchor.auto
22+
- css.types.ray
23+
- css.types.ray.position
24+
- css.types.ray.size

features/motion-path.yml.dist

+56-5
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33

44
status:
55
baseline: low
6-
baseline_low_date: 2023-08-21
6+
baseline_low_date: 2022-09-12
77
support:
8-
chrome: "116"
9-
chrome_android: "116"
10-
edge: "116"
8+
chrome: "55"
9+
chrome_android: "55"
10+
edge: "79"
1111
firefox: "72"
1212
firefox_android: "79"
1313
safari: "16"
@@ -26,6 +26,7 @@ compat_features:
2626
# safari_ios: "15.4"
2727
- css.properties.offset-path
2828

29+
# ⬇️ Same status as overall feature ⬇️
2930
# baseline: low
3031
# baseline_low_date: 2022-09-12
3132
# support:
@@ -50,6 +51,8 @@ compat_features:
5051
# safari: "16"
5152
# safari_ios: "16"
5253
- css.properties.offset-rotate
54+
- css.properties.offset-rotate.auto
55+
- css.properties.offset-rotate.reverse
5356

5457
# baseline: low
5558
# baseline_low_date: 2022-09-12
@@ -63,7 +66,6 @@ compat_features:
6366
# safari_ios: "16"
6467
- css.properties.offset-path.path
6568

66-
# ⬇️ Same status as overall feature ⬇️
6769
# baseline: low
6870
# baseline_low_date: 2023-08-21
6971
# support:
@@ -75,3 +77,52 @@ compat_features:
7577
# safari: "16"
7678
# safari_ios: "16"
7779
- css.properties.offset-anchor
80+
- css.properties.offset-anchor.auto
81+
82+
# baseline: low
83+
# baseline_low_date: 2024-01-23
84+
# support:
85+
# chrome: "116"
86+
# chrome_android: "116"
87+
# edge: "116"
88+
# firefox: "122"
89+
# firefox_android: "122"
90+
# safari: "16"
91+
# safari_ios: "16"
92+
- css.properties.offset-path.ray
93+
- css.types.ray
94+
95+
# baseline: low
96+
# baseline_low_date: 2024-01-23
97+
# support:
98+
# chrome: "116"
99+
# chrome_android: "116"
100+
# edge: "116"
101+
# firefox: "122"
102+
# firefox_android: "122"
103+
# safari: "17"
104+
# safari_ios: "17"
105+
- css.properties.offset-path.url
106+
- css.types.ray.size
107+
108+
# baseline: low
109+
# baseline_low_date: 2024-01-23
110+
# support:
111+
# chrome: "116"
112+
# chrome_android: "116"
113+
# edge: "116"
114+
# firefox: "122"
115+
# firefox_android: "122"
116+
# safari: "17.2"
117+
# safari_ios: "17.2"
118+
- css.types.ray.position
119+
120+
# baseline: false
121+
# support:
122+
# chrome: "116"
123+
# chrome_android: "116"
124+
# edge: "116"
125+
# firefox: "122"
126+
# firefox_android: "122"
127+
- css.properties.offset-path.basic_shape
128+
- css.properties.offset-path.coord_box

0 commit comments

Comments
 (0)