Skip to content

Commit f30ac41

Browse files
committedJan 12, 2025·
cleaned up styles from types demo
1 parent a946cb1 commit f30ac41

File tree

1 file changed

+5
-8
lines changed

1 file changed

+5
-8
lines changed
 

‎view-transition.css

+5-8
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,17 @@
11
@view-transition {
22
navigation: auto;
3-
types: forwards backwards;
43
}
54

65
main {
76
view-transition-name: page;
87
}
98

10-
html:active-view-transition-type(forwards) {
11-
&::view-transition-old(page) {
12-
animation: slide-out 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
13-
}
9+
::view-transition-old(page) {
10+
animation: slide-out 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
11+
}
1412

15-
&::view-transition-new(page) {
16-
animation: slide-in 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
17-
}
13+
::view-transition-new(page) {
14+
animation: slide-in 0.5s cubic-bezier(0.86, 0, 0.07, 1) forwards;
1815
}
1916

2017
@keyframes slide-out {

0 commit comments

Comments
 (0)
Please sign in to comment.